@live-change/billing-frontend 0.9.32 → 0.9.34

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,13 +1,13 @@
1
1
  <template>
2
2
  <div class="w-full" style="max-width: 800px">
3
- <div class="surface-card border-round shadow-1 p-3">
4
- <div class="flex flex-row flex-wrap align-items-center">
3
+ <div class="bg-surface-0 dark:bg-surface-900 rounded-border shadow-sm p-4">
4
+ <div class="flex flex-row flex-wrap items-center">
5
5
  <div class="flex-1">
6
6
  <div>
7
7
  <div class="text-lg">
8
8
  Available Funds:
9
9
  </div>
10
- <div class="text-2xl text-800 font-semibold">
10
+ <div class="text-2xl text-surface-800 dark:text-surface-50 font-semibold">
11
11
  <BillingBalance />
12
12
  </div>
13
13
  </div>
@@ -1,5 +1,5 @@
1
1
  <template>
2
- <div class="w-full flex flex-column align-items-center">
2
+ <div class="w-full flex flex-col items-center">
3
3
  <div v-if="selectedTopUp" class="w-full lg:w-6 md:w-9 surface-card border-round shadow-1 p-3
4
4
  flex flex-column align-items-center text-center">
5
5
  <div class="text-2xl font-semibold my-2">
@@ -11,11 +11,11 @@
11
11
  :denomination="priceDenomination" />
12
12
  </div>
13
13
 
14
- <div class="relative mt-4">
14
+ <div class="relative mt-6">
15
15
  <ProgressSpinner style="width: 400px; height: 400px; max-width: 90vw; max-height: 70vh" strokeWidth="1"
16
16
  animationDuration="1s" aria-label="Connecting to payment gateway" />
17
- <div class="absolute w-full h-full top-0 left-0 flex align-items-center justify-content-center">
18
- <div class="text-lg w-10rem text-center">
17
+ <div class="absolute w-full h-full top-0 left-0 flex items-center justify-center">
18
+ <div class="text-lg w-40 text-center">
19
19
  Connecting to payment gateway...
20
20
  </div>
21
21
  </div>
@@ -1,5 +1,5 @@
1
1
  <template>
2
- <div class="w-full flex flex-column align-items-center">
2
+ <div class="w-full flex flex-col items-center">
3
3
  <div v-if="topUp" class="w-full lg:w-6 md:w-9 surface-card border-round shadow-1 p-3
4
4
  flex flex-column align-items-center text-center">
5
5
  <div class="text-2xl font-semibold my-2">
@@ -10,13 +10,13 @@
10
10
  <CurrencyDisplay :value="topUp?.price" :currency="topUp.currency" :denomination="priceDenomination" />
11
11
  </div>
12
12
 
13
- <div class="mt-4 text-lg">
13
+ <div class="mt-6 text-lg">
14
14
  You have canceled the top-up.
15
15
  </div>
16
16
 
17
- <div class="mt-3">Your current balance is <BillingBalance /></div>
17
+ <div class="mt-4">Your current balance is <BillingBalance /></div>
18
18
 
19
- <div class="flex flex-row justify-content-center align-items-center mt-4 mb-1 flex-wrap">
19
+ <div class="flex flex-row justify-center items-center mt-6 mb-1 flex-wrap">
20
20
  <router-link :to="{ name: 'billing:topUp', params: {
21
21
  value: topUp.value, price: topUp.price, currency: topUp.currency
22
22
  } }" class="mx-2">
@@ -27,8 +27,8 @@
27
27
  </router-link>
28
28
  </div>
29
29
 
30
- <Divider align="center" class="mt-4 mb-2">
31
- <span class="text-600 font-normal text-sm">OR</span>
30
+ <Divider align="center" class="mt-6 mb-2">
31
+ <span class="text-surface-600 dark:text-surface-200 font-normal text-sm">OR</span>
32
32
  </Divider>
33
33
 
34
34
  <div v-for="offer of billingClientConfig.topUpOffers" :key="'offer'+JSON.stringify(offer)">
@@ -1,5 +1,5 @@
1
1
  <template>
2
- <div class="w-full flex flex-column align-items-center">
2
+ <div class="w-full flex flex-col items-center">
3
3
  <div v-if="topUp" class="w-full lg:w-6 md:w-9 surface-card border-round shadow-1 p-3
4
4
  flex flex-column align-items-center text-center">
5
5
  <div class="text-2xl font-semibold my-2">
@@ -10,22 +10,22 @@
10
10
  <CurrencyDisplay :value="topUp?.price" :currency="topUp.currency" :denomination="priceDenomination" />
11
11
  </div>
12
12
 
13
- <div v-if="topUp?.state === 'created'" class="mt-4 text-lg">
13
+ <div v-if="topUp?.state === 'created'" class="mt-6 text-lg">
14
14
  We are still waiting for payment confirmation.
15
15
  </div>
16
- <div v-if="topUp?.state === 'paid'" class="mt-4 text-lg">
16
+ <div v-if="topUp?.state === 'paid'" class="mt-6 text-lg">
17
17
  Your top-up is successful.
18
18
  </div>
19
- <div v-if="topUp?.state === 'refunded'" class="mt-4 text-lg">
19
+ <div v-if="topUp?.state === 'refunded'" class="mt-6 text-lg">
20
20
  Your top-up is refunded.
21
21
  </div>
22
- <div v-if="topUp?.state === 'failed'" class="mt-4 text-lg">
22
+ <div v-if="topUp?.state === 'failed'" class="mt-6 text-lg">
23
23
  Your top-up is failed.
24
24
  </div>
25
25
 
26
- <div class="mt-3">Your current balance is <BillingBalance /></div>
26
+ <div class="mt-4">Your current balance is <BillingBalance /></div>
27
27
 
28
- <router-link :to="{ name: 'billing:billing' }" class="mt-5 mb-3">
28
+ <router-link :to="{ name: 'billing:billing' }" class="mt-8 mb-4">
29
29
  <Button label="Back to billing" icon="pi pi-wallet" />
30
30
  </router-link>
31
31
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@live-change/billing-frontend",
3
- "version": "0.9.32",
3
+ "version": "0.9.34",
4
4
  "scripts": {
5
5
  "memDev": "tsx --inspect --expose-gc server/start.js memDev --enableSessions --initScript ./init.js --dbAccess",
6
6
  "localDevInit": "tsx server/start.js localDev --enableSessions --initScript ./init.js --dbAccess",
@@ -37,41 +37,41 @@
37
37
  "@codemirror/language": "6.10.1",
38
38
  "@dotenvx/dotenvx": "0.27.0",
39
39
  "@fortawesome/fontawesome-free": "^6.7.2",
40
- "@live-change/access-control-frontend": "^0.9.32",
41
- "@live-change/access-control-service": "^0.9.32",
42
- "@live-change/backup-service": "^0.9.32",
43
- "@live-change/blog-frontend": "^0.9.32",
44
- "@live-change/blog-service": "^0.9.32",
45
- "@live-change/cli": "^0.9.32",
46
- "@live-change/content-frontend": "^0.9.32",
47
- "@live-change/content-service": "^0.9.32",
48
- "@live-change/dao": "^0.9.32",
49
- "@live-change/dao-vue3": "^0.9.32",
50
- "@live-change/dao-websocket": "^0.9.32",
51
- "@live-change/db-client": "^0.9.32",
52
- "@live-change/email-service": "^0.9.32",
53
- "@live-change/framework": "^0.9.32",
54
- "@live-change/frontend-auto-form": "^0.9.32",
55
- "@live-change/frontend-base": "^0.9.32",
56
- "@live-change/geoip-service": "^0.9.32",
57
- "@live-change/image-frontend": "^0.9.32",
58
- "@live-change/locale-settings-service": "^0.9.32",
59
- "@live-change/password-authentication-service": "^0.9.32",
60
- "@live-change/prosemirror-service": "^0.9.32",
61
- "@live-change/secret-code-service": "^0.9.32",
62
- "@live-change/secret-link-service": "^0.9.32",
63
- "@live-change/session-service": "^0.9.32",
64
- "@live-change/task-service": "^0.9.32",
65
- "@live-change/upload-frontend": "^0.9.32",
66
- "@live-change/url-frontend": "^0.9.32",
67
- "@live-change/url-service": "^0.9.32",
68
- "@live-change/user-frontend": "^0.9.32",
69
- "@live-change/user-identification-service": "^0.9.32",
70
- "@live-change/user-service": "^0.9.32",
71
- "@live-change/vote-service": "^0.9.32",
72
- "@live-change/vue3-components": "^0.9.32",
73
- "@live-change/vue3-ssr": "^0.9.32",
74
- "@live-change/wysiwyg-frontend": "^0.9.32",
40
+ "@live-change/access-control-frontend": "^0.9.34",
41
+ "@live-change/access-control-service": "^0.9.34",
42
+ "@live-change/backup-service": "^0.9.34",
43
+ "@live-change/blog-frontend": "^0.9.34",
44
+ "@live-change/blog-service": "^0.9.34",
45
+ "@live-change/cli": "^0.9.34",
46
+ "@live-change/content-frontend": "^0.9.34",
47
+ "@live-change/content-service": "^0.9.34",
48
+ "@live-change/dao": "^0.9.34",
49
+ "@live-change/dao-vue3": "^0.9.34",
50
+ "@live-change/dao-websocket": "^0.9.34",
51
+ "@live-change/db-client": "^0.9.34",
52
+ "@live-change/email-service": "^0.9.34",
53
+ "@live-change/framework": "^0.9.34",
54
+ "@live-change/frontend-auto-form": "^0.9.34",
55
+ "@live-change/frontend-base": "^0.9.34",
56
+ "@live-change/geoip-service": "^0.9.34",
57
+ "@live-change/image-frontend": "^0.9.34",
58
+ "@live-change/locale-settings-service": "^0.9.34",
59
+ "@live-change/password-authentication-service": "^0.9.34",
60
+ "@live-change/prosemirror-service": "^0.9.34",
61
+ "@live-change/secret-code-service": "^0.9.34",
62
+ "@live-change/secret-link-service": "^0.9.34",
63
+ "@live-change/session-service": "^0.9.34",
64
+ "@live-change/task-service": "^0.9.34",
65
+ "@live-change/upload-frontend": "^0.9.34",
66
+ "@live-change/url-frontend": "^0.9.34",
67
+ "@live-change/url-service": "^0.9.34",
68
+ "@live-change/user-frontend": "^0.9.34",
69
+ "@live-change/user-identification-service": "^0.9.34",
70
+ "@live-change/user-service": "^0.9.34",
71
+ "@live-change/vote-service": "^0.9.34",
72
+ "@live-change/vue3-components": "^0.9.34",
73
+ "@live-change/vue3-ssr": "^0.9.34",
74
+ "@live-change/wysiwyg-frontend": "^0.9.34",
75
75
  "@vueuse/core": "^12.3.0",
76
76
  "codeceptjs-assert": "^0.0.5",
77
77
  "compression": "^1.7.5",
@@ -81,7 +81,7 @@
81
81
  "pretty-bytes": "^6.1.1",
82
82
  "primeflex": "^3.3.1",
83
83
  "primeicons": "^7.0.0",
84
- "primevue": "^3.52.0",
84
+ "primevue": "^4.2.5",
85
85
  "rollup-plugin-node-builtins": "^2.1.2",
86
86
  "rollup-plugin-visualizer": "5.14.0",
87
87
  "serialize-javascript": "^6.0.2",
@@ -93,7 +93,7 @@
93
93
  "vue3-scroll-border": "0.1.6"
94
94
  },
95
95
  "devDependencies": {
96
- "@live-change/codeceptjs-helper": "^0.9.32",
96
+ "@live-change/codeceptjs-helper": "^0.9.34",
97
97
  "codeceptjs": "^3.6.10",
98
98
  "generate-password": "1.7.1",
99
99
  "playwright": "1.49.1",
@@ -104,5 +104,5 @@
104
104
  "author": "Michał Łaszczewski <michal@laszczewski.pl>",
105
105
  "license": "ISC",
106
106
  "description": "",
107
- "gitHead": "41022fc283020e2da3e82aa27274401052d2379a"
107
+ "gitHead": "e5f22de77fe6a3c0a0e1b91d17593e195aaae3b3"
108
108
  }