@live-change/billing-frontend 0.8.87 → 0.8.89

package/.nx/cache/file-map.json

@@ -0,0 +1,261 @@
+{
+  "version": "6.0",
+  "nxVersion": "18.0.6",
+  "deps": {
+    "@codemirror/language": "6.10.1",
+    "@dotenvx/dotenvx": "0.27.0",
+    "@fortawesome/fontawesome-free": "^6.5.2",
+    "@live-change/access-control-frontend": "0.8.88",
+    "@live-change/access-control-service": "0.8.88",
+    "@live-change/backup-service": "0.8.88",
+    "@live-change/blog-frontend": "0.8.88",
+    "@live-change/blog-service": "0.8.88",
+    "@live-change/cli": "0.8.88",
+    "@live-change/content-frontend": "0.8.88",
+    "@live-change/content-service": "0.8.88",
+    "@live-change/dao": "0.8.88",
+    "@live-change/dao-vue3": "0.8.88",
+    "@live-change/dao-websocket": "0.8.88",
+    "@live-change/db-client": "0.8.88",
+    "@live-change/email-service": "0.8.88",
+    "@live-change/framework": "0.8.88",
+    "@live-change/frontend-auto-form": "0.8.88",
+    "@live-change/frontend-base": "0.8.88",
+    "@live-change/geoip-service": "0.8.88",
+    "@live-change/image-frontend": "0.8.88",
+    "@live-change/locale-settings-service": "0.8.88",
+    "@live-change/password-authentication-service": "0.8.88",
+    "@live-change/prosemirror-service": "0.8.88",
+    "@live-change/secret-code-service": "0.8.88",
+    "@live-change/secret-link-service": "0.8.88",
+    "@live-change/session-service": "0.8.88",
+    "@live-change/task-service": "0.8.88",
+    "@live-change/upload-frontend": "0.8.88",
+    "@live-change/url-frontend": "0.8.88",
+    "@live-change/url-service": "0.8.88",
+    "@live-change/user-frontend": "0.8.88",
+    "@live-change/user-identification-service": "0.8.88",
+    "@live-change/user-service": "0.8.88",
+    "@live-change/vote-service": "0.8.88",
+    "@live-change/vue3-components": "0.8.88",
+    "@live-change/vue3-ssr": "0.8.88",
+    "@live-change/wysiwyg-frontend": "0.8.88",
+    "@vueuse/core": "^10.11.0",
+    "codeceptjs-assert": "^0.0.5",
+    "compression": "^1.7.4",
+    "cross-env": "^7.0.3",
+    "get-port-sync": "1.0.1",
+    "pica": "^9.0.1",
+    "pretty-bytes": "^6.1.1",
+    "primeflex": "^3.3.1",
+    "primeicons": "^7.0.0",
+    "primevue": "^3.52.0",
+    "rollup-plugin-node-builtins": "^2.1.2",
+    "rollup-plugin-visualizer": "5.12.0",
+    "serialize-javascript": "^6.0.2",
+    "serve-static": "^1.15.0",
+    "v-shared-element": "3.1.1",
+    "vue": "^3.4.29",
+    "vue-i18n": "^9.10.1",
+    "vue-router": "^4.3.3",
+    "vue3-scroll-border": "0.1.6",
+    "@live-change/codeceptjs-helper": "0.8.88",
+    "codeceptjs": "^3.6.5",
+    "generate-password": "1.7.1",
+    "playwright": "^1.41.2",
+    "random-profile-generator": "^2.3.0",
+    "txtgen": "^3.0.6",
+    "webdriverio": "^8.40.2"
+  },
+  "pathMappings": {},
+  "nxJsonPlugins": [],
+  "fileMap": {
+    "projectFileMap": {},
+    "nonProjectFiles": [
+      {
+        "file": ".gitignore",
+        "hash": "16528976885761916170"
+      },
+      {
+        "file": "Dockerfile",
+        "hash": "2886431590462419165"
+      },
+      {
+        "file": "LICENSE",
+        "hash": "10221119794387200971"
+      },
+      {
+        "file": "dev.Dockerfile",
+        "hash": "6907505572289099967"
+      },
+      {
+        "file": "docker/app.initd.sh",
+        "hash": "5689466769238316025"
+      },
+      {
+        "file": "docker/build-and-upload.sh",
+        "hash": "9432915210479550333"
+      },
+      {
+        "file": "docker/build-docker-and-upload.sh",
+        "hash": "9817365185106032741"
+      },
+      {
+        "file": "docker/commit-new-version.sh",
+        "hash": "5160018103227051012"
+      },
+      {
+        "file": "docker/k8s-rsync-helper.sh",
+        "hash": "12840580596915123557"
+      },
+      {
+        "file": "docker/onlyDependencies.js",
+        "hash": "13135394580253028435"
+      },
+      {
+        "file": "docker/parse-args-and-config.sh",
+        "hash": "11641932740456140593"
+      },
+      {
+        "file": "docker/restore-backup-with-service.sh",
+        "hash": "10918919254951884109"
+      },
+      {
+        "file": "docker/restore-backup.sh",
+        "hash": "17157081294258412437"
+      },
+      {
+        "file": "docker/start-service.sh",
+        "hash": "13107251553503965386"
+      },
+      {
+        "file": "docker/upload-backup-and-restore.sh",
+        "hash": "16296194178343837935"
+      },
+      {
+        "file": "front/index.html",
+        "hash": "3170363056965810468"
+      },
+      {
+        "file": "front/locales/en.js",
+        "hash": "14300349897341705412"
+      },
+      {
+        "file": "front/locales/en.json",
+        "hash": "15258292997269530563"
+      },
+      {
+        "file": "front/public/favicon.ico",
+        "hash": "11176796980188620760"
+      },
+      {
+        "file": "front/public/images/empty-photo.svg",
+        "hash": "9393138513813369674"
+      },
+      {
+        "file": "front/public/images/empty-user-photo.svg",
+        "hash": "17548039285248668212"
+      },
+      {
+        "file": "front/public/images/logo.svg",
+        "hash": "5934164668360941413"
+      },
+      {
+        "file": "front/public/images/logo128.png",
+        "hash": "4924117807669085214"
+      },
+      {
+        "file": "front/src/App.vue",
+        "hash": "14494941636299148591"
+      },
+      {
+        "file": "front/src/Index.vue",
+        "hash": "9149832618455200014"
+      },
+      {
+        "file": "front/src/analytics/index.js",
+        "hash": "492811393913301668"
+      },
+      {
+        "file": "front/src/components/BillingBalance.vue",
+        "hash": "6172267945206104179"
+      },
+      {
+        "file": "front/src/components/CostDisplay.vue",
+        "hash": "16713018681450577688"
+      },
+      {
+        "file": "front/src/config.js",
+        "hash": "4208481022464725661"
+      },
+      {
+        "file": "front/src/entry-client.js",
+        "hash": "1218837904372604167"
+      },
+      {
+        "file": "front/src/entry-server.js",
+        "hash": "406370987563099630"
+      },
+      {
+        "file": "front/src/pages/Billing.vue",
+        "hash": "557182052453475785"
+      },
+      {
+        "file": "front/src/pages/TopUp.vue",
+        "hash": "2268022077224666193"
+      },
+      {
+        "file": "front/src/router.js",
+        "hash": "6234528570160583983"
+      },
+      {
+        "file": "front/tsconfig.json",
+        "hash": "6166366661637344199"
+      },
+      {
+        "file": "front/tsconfig.node.json",
+        "hash": "4208030242441905014"
+      },
+      {
+        "file": "front/vite.config.ts",
+        "hash": "15687322672441490123"
+      },
+      {
+        "file": "index.js",
+        "hash": "16040471848007891839"
+      },
+      {
+        "file": "package.json",
+        "hash": "9453980767101443698"
+      },
+      {
+        "file": "server/app.config.js",
+        "hash": "15772384815040622922"
+      },
+      {
+        "file": "server/init.js",
+        "hash": "10527942683746245757"
+      },
+      {
+        "file": "server/page.documentType.js",
+        "hash": "4319267302010918354"
+      },
+      {
+        "file": "server/security.config.js",
+        "hash": "6483730663450187822"
+      },
+      {
+        "file": "server/services.list.js",
+        "hash": "988759750602058652"
+      },
+      {
+        "file": "server/start.js",
+        "hash": "3387118482182040319"
+      },
+      {
+        "file": "start-dev-docker.sh",
+        "hash": "1356997101209839594"
+      }
+    ]
+  }
+}

package/.nx/cache/project-graph.json

@@ -0,0 +1,6 @@
+{
+  "nodes": {},
+  "externalNodes": {},
+  "dependencies": {},
+  "version": "6.0"
+}

package/front/locales/en.js

@@ -6,6 +6,12 @@ export const numberFormats ={
     "style": "currency",
       "currency": "USD",
       "notation": "standard"
+  },
+  "credits": {
+    "style": "decimal",
+    "maximumFractionDigits": 0,
+    "useGrouping": true,
+    "notation": "standard"
   }
 }
 

package/front/locales/en.json

@@ -1,4 +1,7 @@
 {
+  "currency": {
+    "credits": "credit | credits"
+  },
   "app": {
     "updateAvailable": "Update available!",
     "newVersions": "New version of app is available!",

package/front/src/App.vue

@@ -17,7 +17,7 @@
 
   import { ViewRoot, NavBar, UpdateBanner } from "@live-change/frontend-base"
 
-  import { computed } from 'vue'
+  import { computed, provide } from 'vue'
   import { useHead } from '@vueuse/head'
 
   import { useI18n } from 'vue-i18n'
@@ -56,6 +56,12 @@
     StyleModule.mount(window.document, defaultHighlightStyle.module)
   }
 
+  provide('currencyI18nConfig:credits', {
+    format(value) {
+      return i18n.n(value, 'credits') + ' ' + i18n.t('currency.credits', value)
+    }
+  })
+
   import "./analytics"
 
 </script>

package/front/src/Index.vue

@@ -6,27 +6,6 @@
 
 <script setup>
 
-  import InputText from "primevue/inputtext"
-
-  import {
-    defineProps, defineEmits, defineModel, toRefs, computed, watch, ref, watchEffect, onUnmounted,
-    getCurrentInstance, unref
-  } from 'vue'
-
-  import { usePath, live, useClient, useActions, reverseRange, useTimeSynchronization } from '@live-change/vue3-ssr'
-  const path = usePath()
-  const actions = useActions()
-
-  const allBalancesPath = computed(() => path.balanceTest.allBalances({}))
-
-  const [allBalances] = await Promise.all([
-    live(allBalancesPath)
-  ])
-
-  async function deleteBalance(balance) {
-    await actions.balanceTest.deleteBalance({ name: balance.owner })
-  }
-
 </script>
 
 <style scoped>

package/front/src/components/BillingBalance.vue

@@ -1,13 +1,13 @@
 <template>
-  <div>
-    <BalanceDisplay ownerType="billing_Billing" :owner="billing.id"
-                    :currency="billingSettings.currency" :denomination="billingSettings.denomination"
-                    :available="available" />
-  </div>
+  <span>
+    <CurrencyDisplay :value="value"
+                     :i18nConfig="i18nConfig" :i18nDefaultConfig="i18nDefaultConfig"
+                     :currency="settings.currency" :denomination="settings.denomination" />
+  </span>
 </template>
 
 <script setup>
-  import { BalanceDisplay } from '@live-change/balance-frontend'
+  import { CurrencyDisplay } from '@live-change/balance-frontend'
 
   import { defineProps, toRefs, computed, inject } from 'vue'
 
@@ -19,25 +19,37 @@
     user: {
       type: String,
       default: null
-    }
+    },
+    i18nConfig: {
+      type: Object,
+      default: () => undefined
+    },
+    i18nDefaultConfig: {
+      type: Object,
+      default: () => undefined
+    },
   })
-  const { available, user } = toRefs(props)
-
-  const billingSettings  = inject('billingSettings', (billing) => ({
-    currency: 'usd',
-    denomination: 2
-  }))
+  const { available, user, i18nConfig, i18nDefaultConfig } = toRefs(props)
 
-  import { usePath, live, useClient } from '@live-change/vue3-ssr'
+  import { usePath, live, useClient, useApi } from '@live-change/vue3-ssr'
   const path = usePath()
   const client = useClient()
+  const api = useApi()
 
-  const billingPath = computed(() => (
-    user.value ? path.billing.userOwnedBilling({ user }) : path.billing.myUserBilling({}))
-  ).with(billing => path.balance.ownerOwnedBalance({
-      ownerType: 'billing_Billing',
-      owner: billing.id
-    }).bind('balance'))
+  const billingClientConfig = api.getServiceDefinition('billing')?.clientConfig
+
+  const billingSettings = inject('billingSettings', (billing) => ({
+    currency: billingClientConfig?.currency ?? 'usd',
+    denomination: billingClientConfig?.denomination ?? 100
+  }))
+
+  const billingPath = computed(() =>
+    (user.value ? path.billing.userOwnedBilling({ user }) : path.billing.myUserBilling({}))
+      .with(billing => path.balance.ownerOwnedBalance({
+        ownerType: 'billing_Billing',
+        owner: billing.id
+      }).bind('balance'))
+  )
 
   const [ billing ] = await Promise.all([
     live(billingPath)
@@ -45,6 +57,11 @@
 
   const settings = computed(() => billingSettings( billing ))
 
+  const value = computed(() => available.value
+    ? billing?.balance?.value?.available ?? 0
+    : billing?.balance?.value?.amount ?? 0
+  )
+
 </script>
 
 <style scoped>

package/front/src/components/CostDisplay.vue

@@ -0,0 +1,62 @@
+<template>
+  <div>
+    <span class="mr-1">Cost:</span>
+    <span :class="{
+      'text-red-500': cost > available
+    }">
+      <CurrencyDisplay
+        :value="cost"
+        :currency="settings.currency"
+        :denomination="settings.denomination" />
+    </span>
+    <span v-if="cost > available" class="text-red-500 text-sm"> (Insufficient funds)</span>
+  </div>
+</template>
+
+<script setup>
+  import { CurrencyDisplay } from '@live-change/balance-frontend'
+
+  import { defineProps, toRefs, computed, inject } from 'vue'
+
+  const props = defineProps({
+    cost: {
+      type: Number,
+      required: true
+    }
+  })
+  const { cost } = toRefs(props)
+
+  import { usePath, live, useClient, useApi } from '@live-change/vue3-ssr'
+  const path = usePath()
+  const client = useClient()
+  const api = useApi()
+
+  const billingClientConfig = api.getServiceDefinition('billing')?.clientConfig
+
+  const billingSettings  = inject('billingSettings', (billing) => ({
+    currency: billingClientConfig?.currency ?? 'usd',
+    denomination: billingClientConfig?.denomination ?? 100
+  }))
+
+  const billingPath = computed(() =>
+    path.billing.myUserBilling({})
+      .with(billing => path.balance.ownerOwnedBalance({
+        ownerType: 'billing_Billing',
+        owner: billing.id
+      }).bind('balance'))
+  )
+
+  const [ billing ] = await Promise.all([
+    live(billingPath)
+  ])
+
+  const settings = computed(() => billingSettings( billing ))
+
+  const balance = computed(() => billing.value?.balance)
+  const available = computed(() => balance.value?.available || 0)
+
+</script>
+
+<style scoped>
+
+</style>

package/front/src/pages/Billing.vue

@@ -0,0 +1,94 @@
+<template>
+  <div class="w-full lg:w-6 md:w-9">
+    <div class="surface-card border-round shadow-1 p-3">
+      <div class="flex flex-row flex-wrap">
+        <div class="flex-1">
+          <div>
+            <div class="text-lg">
+              Available Funds:
+            </div>
+            <div class="text-2xl text-800 font-semibold">
+              <BillingBalance />
+            </div>
+          </div>
+          <div v-if="availableDifferent">
+            <span class="text-xs">
+              All funds:
+            </span>
+            <span class="text-sm" >
+              <BillingBalance :available="false" />
+            </span>
+          </div>
+        </div>
+        <div class="flex-1">
+          <div v-for="offer of billingClientConfig.topUpOffers" :key="'offer'+JSON.stringify(offer)">
+            <router-link :to="{ name: 'billing:topUp', params: {
+                                  value: offer.value, price: offer.price, currency: offer.currency
+                              } }"
+                         class="flex flex-row no-underline hover:underline">
+              <span class="mr-1">Add</span>
+              <CurrencyDisplay class="font-semibold"
+                :value="offer.value" :currency="settings.currency" :denomination="settings.denomination" />
+              <span class="mx-1">for</span>
+              <CurrencyDisplay class="font-medium"
+                :value="offer.price" :currency="offer.currency" :denomination="offer.denomination" />
+            </router-link>
+          </div>
+<!--          <div v-if="billingClientConfig.anyTopUpPrices?.length">
+            {{billingClientConfig.anyTopUpPrices}}
+              TODO: currency input
+          </div>-->
+
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+  import BillingBalance from '../components/BillingBalance.vue'
+
+  import { CurrencyDisplay } from '@live-change/balance-frontend'
+
+  import { defineProps, toRefs, computed, inject } from 'vue'
+
+  const props = defineProps({
+    user: {
+      type: String,
+      default: null
+    }
+  })
+  const { user } = toRefs(props)
+
+  import { usePath, live, useClient, useApi } from '@live-change/vue3-ssr'
+  const path = usePath()
+  const client = useClient()
+  const api = useApi()
+
+  const billingClientConfig = api.getServiceDefinition('billing')?.clientConfig
+
+  const billingSettings  = inject('billingSettings', (billing) => ({
+    currency: billingClientConfig?.currency ?? 'usd',
+    denomination: billingClientConfig?.denomination ?? 100
+  }))
+
+  const billingPath = computed(() =>
+    (user.value ? path.billing.userOwnedBilling({ user }) : path.billing.myUserBilling({}))
+      .with(billing => path.balance.ownerOwnedBalance({
+        ownerType: 'billing_Billing',
+        owner: billing.id
+      }).bind('balance'))
+  )
+
+  const [ billing ] = await Promise.all([
+    live(billingPath)
+  ])
+
+  const availableDifferent = computed(() => billing.value?.balance?.available !== billing.value?.balance?.all)
+
+  const settings = computed(() => billingSettings( billing ))
+</script>
+
+<style scoped>
+
+</style>

package/front/src/pages/TopUp.vue

@@ -0,0 +1,48 @@
+<template>
+   <h1>{{ offer}}</h1>
+  <h2>{{ anyTopUpPrice }}</h2>
+  <pre>{{ billingClientConfig.topUpOffers }}</pre>
+</template>
+
+<script setup>
+  import { CurrencyDisplay } from '@live-change/balance-frontend'
+
+  import { defineProps, toRefs, computed, inject } from 'vue'
+
+  const props = defineProps({
+    value: {
+      type: Number,
+      required: true,
+    },
+    price: {
+      type: Number,
+      required: true,
+    },
+    currency: {
+      type: String,
+      required: true
+    }
+  })
+  const { value, price, currency } = toRefs(props)
+
+  import { usePath, live, useClient, useApi } from '@live-change/vue3-ssr'
+  const path = usePath()
+  const client = useClient()
+  const api = useApi()
+
+  const billingClientConfig = api.getServiceDefinition('billing')?.clientConfig
+
+  const offer = computed(() => billingClientConfig?.topUpOffers
+    ?.find(offer =>
+      (offer.currency === currency.value) && (offer.price === +price.value) && (offer.value === +value.value)
+    ))
+
+  const anyTopUpPrice = computed(() => billingClientConfig?.anyTopUpPrices
+    ?.find(price => price.currency === currency.value))
+
+
+</script>
+
+<style scoped>
+
+</style>

package/front/src/router.js

@@ -13,14 +13,13 @@ import { userRoutes } from "@live-change/user-frontend"
 import { catchAllPagesRoute, contentEditRoutes, pagesSitemap } from "@live-change/content-frontend"
 
 
-export function balanceRoutes(config = {}) {
+export function billingRoutes(config = {}) {
   const { prefix = '/', route = (r) => r } = config
   return [
-
-
-
-
-
+    route({ name: 'billing:billing', path: prefix + 'billing', props: true,
+      component: () => import("./pages/Billing.vue") }),
+    route({ name: 'billing:topUp', path: prefix + 'billing/topUp/:value/:price/:currency', props: true,
+      component: () => import("./pages/TopUp.vue") }),
   ]
 }
 
@@ -36,14 +35,15 @@ import { client as useClient } from '@live-change/vue3-ssr'
 export function createRouter(app, config) {
   const client = useClient(app._context)
 
+  const prefix = config?.prefix || '/'
+
   const router = _createRouter({
     // use appropriate history implementation for server/client
     // import.meta.env.SSR is injected by Vite.
     history: import.meta.env.SSR ? createMemoryHistory() : createWebHistory(),
     routes: [
       ...userRoutes({ ...config, prefix: prefix + 'user/' }),
-
-      ...balanceRoutes(config),
+      ...billingRoutes(config),
 
       {
         name: 'index', path: '/', meta: { },

package/index.js

@@ -1,2 +1,8 @@
 
-export { }
+import { billingRoutes } from './front/src/router.js'
+export { billingRoutes }
+
+import BillingBalance from './front/src/components/BillingBalance.vue'
+import CostDisplay from './front/src/components/CostDisplay.vue'
+
+export { BillingBalance, CostDisplay }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@live-change/billing-frontend",
-  "version": "0.8.87",
+  "version": "0.8.89",
   "scripts": {
     "memDev": "node server/start.js memDev --enableSessions --initScript ./init.js --dbAccess",
     "localDevInit": "rm tmp.db; node server/start.js localDev --enableSessions --initScript ./init.js",
@@ -35,41 +35,41 @@
     "@codemirror/language": "6.10.1",
     "@dotenvx/dotenvx": "0.27.0",
     "@fortawesome/fontawesome-free": "^6.5.2",
-    "@live-change/access-control-frontend": "^0.8.87",
-    "@live-change/access-control-service": "^0.8.87",
-    "@live-change/backup-service": "^0.8.87",
-    "@live-change/blog-frontend": "^0.8.87",
-    "@live-change/blog-service": "^0.8.87",
-    "@live-change/cli": "^0.8.87",
-    "@live-change/content-frontend": "^0.8.87",
-    "@live-change/content-service": "^0.8.87",
-    "@live-change/dao": "^0.8.87",
-    "@live-change/dao-vue3": "^0.8.87",
-    "@live-change/dao-websocket": "^0.8.87",
-    "@live-change/db-client": "^0.8.87",
-    "@live-change/email-service": "^0.8.87",
-    "@live-change/framework": "^0.8.87",
-    "@live-change/frontend-auto-form": "^0.8.87",
-    "@live-change/frontend-base": "^0.8.87",
-    "@live-change/geoip-service": "^0.8.87",
-    "@live-change/image-frontend": "^0.8.87",
-    "@live-change/locale-settings-service": "^0.8.87",
-    "@live-change/password-authentication-service": "^0.8.87",
-    "@live-change/prosemirror-service": "^0.8.87",
-    "@live-change/secret-code-service": "^0.8.87",
-    "@live-change/secret-link-service": "^0.8.87",
-    "@live-change/session-service": "^0.8.87",
-    "@live-change/task-service": "^0.8.87",
-    "@live-change/upload-frontend": "^0.8.87",
-    "@live-change/url-frontend": "^0.8.87",
-    "@live-change/url-service": "^0.8.87",
-    "@live-change/user-frontend": "^0.8.87",
-    "@live-change/user-identification-service": "^0.8.87",
-    "@live-change/user-service": "^0.8.87",
-    "@live-change/vote-service": "^0.8.87",
-    "@live-change/vue3-components": "^0.8.87",
-    "@live-change/vue3-ssr": "^0.8.87",
-    "@live-change/wysiwyg-frontend": "^0.8.87",
+    "@live-change/access-control-frontend": "^0.8.89",
+    "@live-change/access-control-service": "^0.8.89",
+    "@live-change/backup-service": "^0.8.89",
+    "@live-change/blog-frontend": "^0.8.89",
+    "@live-change/blog-service": "^0.8.89",
+    "@live-change/cli": "^0.8.89",
+    "@live-change/content-frontend": "^0.8.89",
+    "@live-change/content-service": "^0.8.89",
+    "@live-change/dao": "^0.8.89",
+    "@live-change/dao-vue3": "^0.8.89",
+    "@live-change/dao-websocket": "^0.8.89",
+    "@live-change/db-client": "^0.8.89",
+    "@live-change/email-service": "^0.8.89",
+    "@live-change/framework": "^0.8.89",
+    "@live-change/frontend-auto-form": "^0.8.89",
+    "@live-change/frontend-base": "^0.8.89",
+    "@live-change/geoip-service": "^0.8.89",
+    "@live-change/image-frontend": "^0.8.89",
+    "@live-change/locale-settings-service": "^0.8.89",
+    "@live-change/password-authentication-service": "^0.8.89",
+    "@live-change/prosemirror-service": "^0.8.89",
+    "@live-change/secret-code-service": "^0.8.89",
+    "@live-change/secret-link-service": "^0.8.89",
+    "@live-change/session-service": "^0.8.89",
+    "@live-change/task-service": "^0.8.89",
+    "@live-change/upload-frontend": "^0.8.89",
+    "@live-change/url-frontend": "^0.8.89",
+    "@live-change/url-service": "^0.8.89",
+    "@live-change/user-frontend": "^0.8.89",
+    "@live-change/user-identification-service": "^0.8.89",
+    "@live-change/user-service": "^0.8.89",
+    "@live-change/vote-service": "^0.8.89",
+    "@live-change/vue3-components": "^0.8.89",
+    "@live-change/vue3-ssr": "^0.8.89",
+    "@live-change/wysiwyg-frontend": "^0.8.89",
     "@vueuse/core": "^10.11.0",
     "codeceptjs-assert": "^0.0.5",
     "compression": "^1.7.4",
@@ -91,7 +91,7 @@
     "vue3-scroll-border": "0.1.6"
   },
   "devDependencies": {
-    "@live-change/codeceptjs-helper": "^0.8.87",
+    "@live-change/codeceptjs-helper": "^0.8.89",
     "codeceptjs": "^3.6.5",
     "generate-password": "1.7.1",
     "playwright": "^1.41.2",
@@ -102,5 +102,5 @@
   "author": "Michał Łaszczewski <michal@laszczewski.pl>",
   "license": "ISC",
   "description": "",
-  "gitHead": "133e0785e028c37eb6f903d7355e5470b2cc65d3"
+  "gitHead": "15d4b3dc445480608c993e4057be208192e97023"
 }

package/server/app.config.js

@@ -97,7 +97,34 @@ app.config = {
       name: 'balance',
     },
     {
-      name: 'billing'
+      name: 'billing',
+      currency: 'credits',
+      denomination: 1,
+      minimumTopUp: 1000,
+      anyTopUpPrices: [
+        {
+          value: 1000,
+          price: 1233,
+          currency: 'usd'
+        }
+      ],
+      topUpOffers: [
+        {
+          value: 1000,
+          price: 1200,
+          currency: 'usd'
+        },
+        {
+          value: 2300,
+          price: 2450,
+          currency: 'usd'
+        },
+        {
+          value: 10000,
+          price: 11000,
+          currency: 'usd'
+        },
+      ]
     },
     {
       name: 'backup',