@live-change/billing-frontend 0.8.93 → 0.8.95

package/front/src/logic/topUp.js

@@ -0,0 +1,6 @@
+import { useApi } from '@live-change/vue3-ssr'
+
+export function startTopUp({value, price, currency}, api = useApi()) {
+  api.request(['wallet', 'topUp'], {value, price, currency})
+
+}

package/front/src/pages/TopUp.vue

@@ -1,7 +1,12 @@
 <template>
-   <h1>{{ offer}}</h1>
-  <h2>{{ anyTopUpPrice }}</h2>
-  <pre>{{ billingClientConfig.topUpOffers }}</pre>
+  <div>
+    <div v-if="selectedTopUp">
+      <h1>{{ offer }}</h1>
+      <h2>{{ anyTopUpPrice }}</h2>
+      <pre>{{ billingClientConfig.topUpOffers }}</pre>
+    </div>
+    <NotFound v-else />
+  </div>
 </template>
 
 <script setup>
@@ -9,6 +14,10 @@
 
   import { defineProps, toRefs, computed, inject } from 'vue'
 
+  import { NotFound } from '@live-change/url-frontend'
+
+  import { startTopUp } from '../logic/topUp.js'
+
   const props = defineProps({
     value: {
       type: Number,
@@ -40,6 +49,16 @@
   const anyTopUpPrice = computed(() => billingClientConfig?.anyTopUpPrices
     ?.find(price => price.currency === currency.value))
 
+  const selectedTopUp = computed(() => offer.value || anyTopUpPrice.value)
+
+  const workingZone = inject('workingZone')
+
+  onMounted(() => {
+    const topUp = selectedTopUp.value
+    workingZone.addPromise('topUp', async () => {
+      await startTopUp(topUp)
+    })
+  })
 
 </script>
 

package/front/vite.config.ts

@@ -1,3 +1,6 @@
+import dotenv from 'dotenv'
+dotenv.config()
+
 import { defineConfig } from 'vite'
 import Pages from 'vite-plugin-pages'
 
@@ -28,6 +31,7 @@ export default defineConfig(async ({ command, mode }) => {
       ENV_VERSION: JSON.stringify(version),
       ENV_BRAND_NAME: JSON.stringify(name[0].toUpperCase() + name.slice(1)),
       ENV_BRAND_DOMAIN: JSON.stringify(domain),
+      ENV_STRIPE_KEY: JSON.stringify(process.env.STRIPE_KEY),
     },
 
     plugins: [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@live-change/billing-frontend",
-  "version": "0.8.93",
+  "version": "0.8.95",
   "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.93",
-    "@live-change/access-control-service": "^0.8.93",
-    "@live-change/backup-service": "^0.8.93",
-    "@live-change/blog-frontend": "^0.8.93",
-    "@live-change/blog-service": "^0.8.93",
-    "@live-change/cli": "^0.8.93",
-    "@live-change/content-frontend": "^0.8.93",
-    "@live-change/content-service": "^0.8.93",
-    "@live-change/dao": "^0.8.93",
-    "@live-change/dao-vue3": "^0.8.93",
-    "@live-change/dao-websocket": "^0.8.93",
-    "@live-change/db-client": "^0.8.93",
-    "@live-change/email-service": "^0.8.93",
-    "@live-change/framework": "^0.8.93",
-    "@live-change/frontend-auto-form": "^0.8.93",
-    "@live-change/frontend-base": "^0.8.93",
-    "@live-change/geoip-service": "^0.8.93",
-    "@live-change/image-frontend": "^0.8.93",
-    "@live-change/locale-settings-service": "^0.8.93",
-    "@live-change/password-authentication-service": "^0.8.93",
-    "@live-change/prosemirror-service": "^0.8.93",
-    "@live-change/secret-code-service": "^0.8.93",
-    "@live-change/secret-link-service": "^0.8.93",
-    "@live-change/session-service": "^0.8.93",
-    "@live-change/task-service": "^0.8.93",
-    "@live-change/upload-frontend": "^0.8.93",
-    "@live-change/url-frontend": "^0.8.93",
-    "@live-change/url-service": "^0.8.93",
-    "@live-change/user-frontend": "^0.8.93",
-    "@live-change/user-identification-service": "^0.8.93",
-    "@live-change/user-service": "^0.8.93",
-    "@live-change/vote-service": "^0.8.93",
-    "@live-change/vue3-components": "^0.8.93",
-    "@live-change/vue3-ssr": "^0.8.93",
-    "@live-change/wysiwyg-frontend": "^0.8.93",
+    "@live-change/access-control-frontend": "^0.8.95",
+    "@live-change/access-control-service": "^0.8.95",
+    "@live-change/backup-service": "^0.8.95",
+    "@live-change/blog-frontend": "^0.8.95",
+    "@live-change/blog-service": "^0.8.95",
+    "@live-change/cli": "^0.8.95",
+    "@live-change/content-frontend": "^0.8.95",
+    "@live-change/content-service": "^0.8.95",
+    "@live-change/dao": "^0.8.95",
+    "@live-change/dao-vue3": "^0.8.95",
+    "@live-change/dao-websocket": "^0.8.95",
+    "@live-change/db-client": "^0.8.95",
+    "@live-change/email-service": "^0.8.95",
+    "@live-change/framework": "^0.8.95",
+    "@live-change/frontend-auto-form": "^0.8.95",
+    "@live-change/frontend-base": "^0.8.95",
+    "@live-change/geoip-service": "^0.8.95",
+    "@live-change/image-frontend": "^0.8.95",
+    "@live-change/locale-settings-service": "^0.8.95",
+    "@live-change/password-authentication-service": "^0.8.95",
+    "@live-change/prosemirror-service": "^0.8.95",
+    "@live-change/secret-code-service": "^0.8.95",
+    "@live-change/secret-link-service": "^0.8.95",
+    "@live-change/session-service": "^0.8.95",
+    "@live-change/task-service": "^0.8.95",
+    "@live-change/upload-frontend": "^0.8.95",
+    "@live-change/url-frontend": "^0.8.95",
+    "@live-change/url-service": "^0.8.95",
+    "@live-change/user-frontend": "^0.8.95",
+    "@live-change/user-identification-service": "^0.8.95",
+    "@live-change/user-service": "^0.8.95",
+    "@live-change/vote-service": "^0.8.95",
+    "@live-change/vue3-components": "^0.8.95",
+    "@live-change/vue3-ssr": "^0.8.95",
+    "@live-change/wysiwyg-frontend": "^0.8.95",
     "@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.93",
+    "@live-change/codeceptjs-helper": "^0.8.95",
     "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": "c5c699c6f29b735dd1597ddf572a8b956b338329"
+  "gitHead": "852e9817a89ffe5f2b6dc13c658d7a1bfd4f8fa6"
 }

package/server/app.config.js

@@ -126,6 +126,11 @@ app.config = {
         },
       ]
     },
+    {
+      name: 'stripe',
+      secretKey: process.env.STRIPE_SECRET_KEY,
+      publishableKey: process.env.STRIPE_PUBLISHABLE_KEY
+    },
     {
       name: 'backup',
       port: 8007

package/server/services.list.js

@@ -23,6 +23,7 @@ import backup from '@live-change/backup-service'
 import task from '@live-change/task-service'
 import balance from "@live-change/balance-service"
 import billing from "@live-change/billing-service"
+import stripe from "@live-change/stripe-service"
 import init from './init.js'
 
 export {
@@ -51,6 +52,7 @@ export {
   task,
   balance,
   billing,
+  stripe,
   init
 }