@live-change/billing-frontend 0.9.131 → 0.9.133
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.
- package/front/locales/en.json +17 -0
- package/front/locales/pl.json +22 -0
- package/front/src/pages/Billing.vue +4 -2
- package/front/src/pages/TopUp.vue +4 -2
- package/front/src/pages/TopUpCancel.vue +10 -8
- package/front/src/pages/TopUpSuccess.vue +8 -6
- package/index.js +2 -1
- package/package.json +38 -38
package/front/locales/en.json
CHANGED
|
@@ -2,6 +2,23 @@
|
|
|
2
2
|
"currency": {
|
|
3
3
|
"credits": "credit | credits"
|
|
4
4
|
},
|
|
5
|
+
"billing": {
|
|
6
|
+
"backToBilling": "Back to billing",
|
|
7
|
+
"retryTopUp": "Retry to-up",
|
|
8
|
+
"currentBalance": "Your current balance is",
|
|
9
|
+
"add": "Add",
|
|
10
|
+
"for": "for",
|
|
11
|
+
"connectingToGateway": "Connecting to payment gateway",
|
|
12
|
+
"canceledTopUp": "Canceled top-up",
|
|
13
|
+
"topUpCanceled": "You have canceled the top-up.",
|
|
14
|
+
"waitingForConfirmation": "We are still waiting for payment confirmation.",
|
|
15
|
+
"topUpSuccessful": "Your top-up is successful.",
|
|
16
|
+
"topUpRefunded": "Your top-up is refunded.",
|
|
17
|
+
"topUpFailed": "Your top-up is failed."
|
|
18
|
+
},
|
|
19
|
+
"common": {
|
|
20
|
+
"or": "OR"
|
|
21
|
+
},
|
|
5
22
|
"app": {
|
|
6
23
|
"updateAvailable": "Update available!",
|
|
7
24
|
"newVersions": "New version of app is available!",
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
{
|
|
2
|
+
"currency": {
|
|
3
|
+
"credits": "kredyt | kredyty"
|
|
4
|
+
},
|
|
5
|
+
"billing": {
|
|
6
|
+
"backToBilling": "Powrót do płatności",
|
|
7
|
+
"retryTopUp": "Ponów doładowanie",
|
|
8
|
+
"currentBalance": "Twoje aktualne saldo to",
|
|
9
|
+
"add": "Dodaj",
|
|
10
|
+
"for": "za",
|
|
11
|
+
"connectingToGateway": "Łączenie z bramką płatności...",
|
|
12
|
+
"canceledTopUp": "Anulowane doładowanie",
|
|
13
|
+
"topUpCanceled": "Anulowałeś doładowanie.",
|
|
14
|
+
"waitingForConfirmation": "Wciąż czekamy na potwierdzenie płatności.",
|
|
15
|
+
"topUpSuccessful": "Twoje doładowanie zakończyło się sukcesem.",
|
|
16
|
+
"topUpRefunded": "Twoje doładowanie zostało zwrócone.",
|
|
17
|
+
"topUpFailed": "Twoje doładowanie nie powiodło się."
|
|
18
|
+
},
|
|
19
|
+
"common": {
|
|
20
|
+
"or": "LUB"
|
|
21
|
+
}
|
|
22
|
+
}
|
|
@@ -26,10 +26,10 @@
|
|
|
26
26
|
value: offer.value, price: offer.price, currency: offer.currency
|
|
27
27
|
} }"
|
|
28
28
|
class="flex flex-row no-underline hover:underline">
|
|
29
|
-
<span class="mr-1">
|
|
29
|
+
<span class="mr-1">{{ t('billing.add') }}</span>
|
|
30
30
|
<CurrencyDisplay class="font-semibold"
|
|
31
31
|
:value="offer.value" :currency="settings.currency" :denomination="settings.denomination" />
|
|
32
|
-
<span class="mx-1">for</span>
|
|
32
|
+
<span class="mx-1">{{ t('billing.for') }}</span>
|
|
33
33
|
<CurrencyDisplay class="font-medium"
|
|
34
34
|
:value="offer.price" :currency="offer.currency" :denomination="offer.denomination" />
|
|
35
35
|
</router-link>
|
|
@@ -56,6 +56,8 @@
|
|
|
56
56
|
import { CurrencyDisplay, OperationsList } from '@live-change/balance-frontend'
|
|
57
57
|
|
|
58
58
|
import { defineProps, toRefs, computed, inject, provide, h } from 'vue'
|
|
59
|
+
import { useI18n } from 'vue-i18n'
|
|
60
|
+
const { t } = useI18n()
|
|
59
61
|
import { provideComponent } from '@live-change/vue3-components'
|
|
60
62
|
|
|
61
63
|
const props = defineProps({
|
|
@@ -13,10 +13,10 @@
|
|
|
13
13
|
|
|
14
14
|
<div class="relative mt-6">
|
|
15
15
|
<ProgressSpinner style="width: 400px; height: 400px; max-width: 90vw; max-height: 70vh" strokeWidth="1"
|
|
16
|
-
animationDuration="1s" aria-label="
|
|
16
|
+
animationDuration="1s" :aria-label="t('billing.connectingToGateway')" />
|
|
17
17
|
<div class="absolute w-full h-full top-0 left-0 flex items-center justify-center">
|
|
18
18
|
<div class="text-lg w-40 text-center">
|
|
19
|
-
|
|
19
|
+
{{ t('billing.connectingToGateway') }}...
|
|
20
20
|
</div>
|
|
21
21
|
</div>
|
|
22
22
|
</div>
|
|
@@ -36,6 +36,8 @@
|
|
|
36
36
|
import { CurrencyDisplay } from '@live-change/balance-frontend'
|
|
37
37
|
|
|
38
38
|
import { defineProps, toRefs, computed, inject, onMounted } from 'vue'
|
|
39
|
+
import { useI18n } from 'vue-i18n'
|
|
40
|
+
const { t } = useI18n()
|
|
39
41
|
|
|
40
42
|
import { NotFound } from '@live-change/url-frontend'
|
|
41
43
|
|
|
@@ -3,7 +3,7 @@
|
|
|
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">
|
|
6
|
-
|
|
6
|
+
{{ t('billing.canceledTopUp') }}
|
|
7
7
|
<CurrencyDisplay :value="topUp.value"
|
|
8
8
|
:currency="settings.currency" :denomination="settings.denomination" />
|
|
9
9
|
for
|
|
@@ -11,24 +11,24 @@
|
|
|
11
11
|
</div>
|
|
12
12
|
|
|
13
13
|
<div class="mt-6 text-lg">
|
|
14
|
-
|
|
14
|
+
{{ t('billing.topUpCanceled') }}
|
|
15
15
|
</div>
|
|
16
16
|
|
|
17
|
-
<div class="mt-4">
|
|
17
|
+
<div class="mt-4">{{ t('billing.currentBalance') }} <BillingBalance /></div>
|
|
18
18
|
|
|
19
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">
|
|
23
|
-
<Button label="
|
|
23
|
+
<Button :label="t('billing.retryTopUp')" icon="pi pi-wallet" severity="primary" />
|
|
24
24
|
</router-link>
|
|
25
25
|
<router-link :to="{ name: 'billing:billing' }" class="mx-2">
|
|
26
|
-
<Button label="
|
|
26
|
+
<Button :label="t('billing.backToBilling')" icon="pi pi-wallet" severity="secondary" />
|
|
27
27
|
</router-link>
|
|
28
28
|
</div>
|
|
29
29
|
|
|
30
30
|
<Divider align="center" class="mt-6 mb-2">
|
|
31
|
-
<span class="text-surface-600 dark:text-surface-200 font-normal text-sm">
|
|
31
|
+
<span class="text-surface-600 dark:text-surface-200 font-normal text-sm">{{ t('common.or') }}</span>
|
|
32
32
|
</Divider>
|
|
33
33
|
|
|
34
34
|
<div v-for="offer of billingClientConfig.topUpOffers" :key="'offer'+JSON.stringify(offer)">
|
|
@@ -36,10 +36,10 @@
|
|
|
36
36
|
value: offer.value, price: offer.price, currency: offer.currency
|
|
37
37
|
} }"
|
|
38
38
|
class="flex flex-row no-underline hover:underline my-1">
|
|
39
|
-
<span class="mr-1">
|
|
39
|
+
<span class="mr-1">{{ t('billing.add') }}</span>
|
|
40
40
|
<CurrencyDisplay class="font-semibold"
|
|
41
41
|
:value="offer.value" :currency="settings.currency" :denomination="settings.denomination" />
|
|
42
|
-
<span class="mx-1">for</span>
|
|
42
|
+
<span class="mx-1">{{ t('billing.for') }}</span>
|
|
43
43
|
<CurrencyDisplay class="font-medium"
|
|
44
44
|
:value="offer.price" :currency="offer.currency" :denomination="offer.denomination" />
|
|
45
45
|
</router-link>
|
|
@@ -62,6 +62,8 @@
|
|
|
62
62
|
import { NotFound } from "@live-change/url-frontend";
|
|
63
63
|
|
|
64
64
|
import { defineProps, toRefs, computed, inject } from 'vue'
|
|
65
|
+
import { useI18n } from 'vue-i18n'
|
|
66
|
+
const { t } = useI18n()
|
|
65
67
|
|
|
66
68
|
const props = defineProps({
|
|
67
69
|
encodedId: {
|
|
@@ -11,22 +11,22 @@
|
|
|
11
11
|
</div>
|
|
12
12
|
|
|
13
13
|
<div v-if="topUp?.state === 'created'" class="mt-6 text-lg">
|
|
14
|
-
|
|
14
|
+
{{ t('billing.waitingForConfirmation') }}
|
|
15
15
|
</div>
|
|
16
16
|
<div v-if="topUp?.state === 'paid'" class="mt-6 text-lg">
|
|
17
|
-
|
|
17
|
+
{{ t('billing.topUpSuccessful') }}
|
|
18
18
|
</div>
|
|
19
19
|
<div v-if="topUp?.state === 'refunded'" class="mt-6 text-lg">
|
|
20
|
-
|
|
20
|
+
{{ t('billing.topUpRefunded') }}
|
|
21
21
|
</div>
|
|
22
22
|
<div v-if="topUp?.state === 'failed'" class="mt-6 text-lg">
|
|
23
|
-
|
|
23
|
+
{{ t('billing.topUpFailed') }}
|
|
24
24
|
</div>
|
|
25
25
|
|
|
26
|
-
<div class="mt-4">
|
|
26
|
+
<div class="mt-4">{{ t('billing.currentBalance') }} <BillingBalance /></div>
|
|
27
27
|
|
|
28
28
|
<router-link :to="{ name: 'billing:billing' }" class="mt-8 mb-4">
|
|
29
|
-
<Button label="
|
|
29
|
+
<Button :label="t('billing.backToBilling')" icon="pi pi-wallet" />
|
|
30
30
|
</router-link>
|
|
31
31
|
|
|
32
32
|
</div>
|
|
@@ -43,6 +43,8 @@
|
|
|
43
43
|
import { NotFound } from "@live-change/url-frontend";
|
|
44
44
|
|
|
45
45
|
import { defineProps, toRefs, computed, inject } from 'vue'
|
|
46
|
+
import { useI18n } from 'vue-i18n'
|
|
47
|
+
const { t } = useI18n()
|
|
46
48
|
|
|
47
49
|
const props = defineProps({
|
|
48
50
|
encodedId: {
|
package/index.js
CHANGED
|
@@ -8,6 +8,7 @@ import CostDisplay from './front/src/components/CostDisplay.vue'
|
|
|
8
8
|
export { BillingBalance, CostDisplay }
|
|
9
9
|
|
|
10
10
|
import en from "./front/locales/en.json"
|
|
11
|
-
|
|
11
|
+
import pl from "./front/locales/pl.json"
|
|
12
|
+
const locales = { en, pl }
|
|
12
13
|
import { numberFormats } from "./front/locales/en.js"
|
|
13
14
|
export { locales, numberFormats }
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@live-change/billing-frontend",
|
|
3
|
-
"version": "0.9.
|
|
3
|
+
"version": "0.9.133",
|
|
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.
|
|
41
|
-
"@live-change/access-control-service": "^0.9.
|
|
42
|
-
"@live-change/backup-service": "^0.9.
|
|
43
|
-
"@live-change/blog-frontend": "^0.9.
|
|
44
|
-
"@live-change/blog-service": "^0.9.
|
|
45
|
-
"@live-change/cli": "^0.9.
|
|
46
|
-
"@live-change/content-frontend": "^0.9.
|
|
47
|
-
"@live-change/content-service": "^0.9.
|
|
48
|
-
"@live-change/dao": "^0.9.
|
|
49
|
-
"@live-change/dao-vue3": "^0.9.
|
|
50
|
-
"@live-change/dao-websocket": "^0.9.
|
|
51
|
-
"@live-change/db-client": "^0.9.
|
|
52
|
-
"@live-change/email-service": "^0.9.
|
|
53
|
-
"@live-change/framework": "^0.9.
|
|
54
|
-
"@live-change/frontend-auto-form": "^0.9.
|
|
55
|
-
"@live-change/frontend-base": "^0.9.
|
|
56
|
-
"@live-change/geoip-service": "^0.9.
|
|
57
|
-
"@live-change/image-frontend": "^0.9.
|
|
58
|
-
"@live-change/locale-settings-service": "^0.9.
|
|
59
|
-
"@live-change/password-authentication-service": "^0.9.
|
|
60
|
-
"@live-change/prosemirror-service": "^0.9.
|
|
61
|
-
"@live-change/secret-code-service": "^0.9.
|
|
62
|
-
"@live-change/secret-link-service": "^0.9.
|
|
63
|
-
"@live-change/session-service": "^0.9.
|
|
64
|
-
"@live-change/task-service": "^0.9.
|
|
65
|
-
"@live-change/upload-frontend": "^0.9.
|
|
66
|
-
"@live-change/url-frontend": "^0.9.
|
|
67
|
-
"@live-change/url-service": "^0.9.
|
|
68
|
-
"@live-change/user-frontend": "^0.9.
|
|
69
|
-
"@live-change/user-identification-service": "^0.9.
|
|
70
|
-
"@live-change/user-service": "^0.9.
|
|
71
|
-
"@live-change/vote-service": "^0.9.
|
|
72
|
-
"@live-change/vue3-components": "^0.9.
|
|
73
|
-
"@live-change/vue3-ssr": "^0.9.
|
|
74
|
-
"@live-change/wysiwyg-frontend": "^0.9.
|
|
40
|
+
"@live-change/access-control-frontend": "^0.9.133",
|
|
41
|
+
"@live-change/access-control-service": "^0.9.133",
|
|
42
|
+
"@live-change/backup-service": "^0.9.133",
|
|
43
|
+
"@live-change/blog-frontend": "^0.9.133",
|
|
44
|
+
"@live-change/blog-service": "^0.9.133",
|
|
45
|
+
"@live-change/cli": "^0.9.133",
|
|
46
|
+
"@live-change/content-frontend": "^0.9.133",
|
|
47
|
+
"@live-change/content-service": "^0.9.133",
|
|
48
|
+
"@live-change/dao": "^0.9.133",
|
|
49
|
+
"@live-change/dao-vue3": "^0.9.133",
|
|
50
|
+
"@live-change/dao-websocket": "^0.9.133",
|
|
51
|
+
"@live-change/db-client": "^0.9.133",
|
|
52
|
+
"@live-change/email-service": "^0.9.133",
|
|
53
|
+
"@live-change/framework": "^0.9.133",
|
|
54
|
+
"@live-change/frontend-auto-form": "^0.9.133",
|
|
55
|
+
"@live-change/frontend-base": "^0.9.133",
|
|
56
|
+
"@live-change/geoip-service": "^0.9.133",
|
|
57
|
+
"@live-change/image-frontend": "^0.9.133",
|
|
58
|
+
"@live-change/locale-settings-service": "^0.9.133",
|
|
59
|
+
"@live-change/password-authentication-service": "^0.9.133",
|
|
60
|
+
"@live-change/prosemirror-service": "^0.9.133",
|
|
61
|
+
"@live-change/secret-code-service": "^0.9.133",
|
|
62
|
+
"@live-change/secret-link-service": "^0.9.133",
|
|
63
|
+
"@live-change/session-service": "^0.9.133",
|
|
64
|
+
"@live-change/task-service": "^0.9.133",
|
|
65
|
+
"@live-change/upload-frontend": "^0.9.133",
|
|
66
|
+
"@live-change/url-frontend": "^0.9.133",
|
|
67
|
+
"@live-change/url-service": "^0.9.133",
|
|
68
|
+
"@live-change/user-frontend": "^0.9.133",
|
|
69
|
+
"@live-change/user-identification-service": "^0.9.133",
|
|
70
|
+
"@live-change/user-service": "^0.9.133",
|
|
71
|
+
"@live-change/vote-service": "^0.9.133",
|
|
72
|
+
"@live-change/vue3-components": "^0.9.133",
|
|
73
|
+
"@live-change/vue3-ssr": "^0.9.133",
|
|
74
|
+
"@live-change/wysiwyg-frontend": "^0.9.133",
|
|
75
75
|
"@vueuse/core": "^12.3.0",
|
|
76
76
|
"codeceptjs-assert": "^0.0.5",
|
|
77
77
|
"compression": "^1.7.5",
|
|
@@ -93,7 +93,7 @@
|
|
|
93
93
|
"vue3-scroll-border": "0.1.7"
|
|
94
94
|
},
|
|
95
95
|
"devDependencies": {
|
|
96
|
-
"@live-change/codeceptjs-helper": "^0.9.
|
|
96
|
+
"@live-change/codeceptjs-helper": "^0.9.133",
|
|
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": "
|
|
107
|
+
"gitHead": "455a7c9d204a89196f6599c42acd8eaeb45532e1"
|
|
108
108
|
}
|