From f054f39c5df70fb140ff28321b5151ac0fbe8403 Mon Sep 17 00:00:00 2001 From: "Calum H." Date: Tue, 4 Nov 2025 21:29:47 +0000 Subject: [PATCH] polish: withdraw flow fixes (#4713) * fix: negative value stuff * fix: mobile responsiveness for modal min-w * feat: better error handling on withdraw * fix: empty state positioning + svg sizing * fix: title case -> sentence case * fix: re-add virtual visa under gift cards * fix: hide <1% segments --- .../ui/dashboard/CreatorWithdrawModal.vue | 141 ++++++++++++++++-- .../ui/dashboard/RevenueInputField.vue | 27 ++-- .../withdraw-stages/MuralpayDetailsStage.vue | 12 +- .../TremendousDetailsStage.vue | 6 +- apps/frontend/src/locales/en-US/index.json | 78 +++++++--- .../src/pages/dashboard/revenue/index.vue | 57 ++++--- .../src/providers/creator-withdraw.ts | 9 +- apps/frontend/src/utils/muralpay-rails.ts | 74 ++++----- packages/ui/src/components/modal/NewModal.vue | 2 +- 9 files changed, 285 insertions(+), 121 deletions(-) diff --git a/apps/frontend/src/components/ui/dashboard/CreatorWithdrawModal.vue b/apps/frontend/src/components/ui/dashboard/CreatorWithdrawModal.vue index b9aeb740..a6aef089 100644 --- a/apps/frontend/src/components/ui/dashboard/CreatorWithdrawModal.vue +++ b/apps/frontend/src/components/ui/dashboard/CreatorWithdrawModal.vue @@ -38,7 +38,7 @@ -
+
diff --git a/apps/frontend/src/components/ui/dashboard/RevenueInputField.vue b/apps/frontend/src/components/ui/dashboard/RevenueInputField.vue index 6521bac4..ac961dc0 100644 --- a/apps/frontend/src/components/ui/dashboard/RevenueInputField.vue +++ b/apps/frontend/src/components/ui/dashboard/RevenueInputField.vue @@ -8,7 +8,8 @@ type="number" step="0.01" :min="minAmount" - :max="maxAmount" + :max="safeMaxAmount" + :disabled="isDisabled" :placeholder="formatMessage(formFieldPlaceholders.amountPlaceholder)" class="w-full rounded-[14px] bg-surface-4 py-2.5 pl-4 pr-4 text-contrast placeholder:text-secondary" @input="handleInput" @@ -26,13 +27,13 @@ -
- {{ formatMoney(maxAmount) }} available. + {{ formatMoney(safeMaxAmount) }} available. Amount must be at least {{ formatMoney(minAmount) }}. @@ -40,7 +41,7 @@ - Amount cannot exceed {{ formatMoney(maxAmount) }}. + Amount cannot exceed {{ formatMoney(safeMaxAmount) }}.
@@ -77,6 +78,14 @@ const emit = defineEmits<{ const { formatMessage } = useVIntl() const amountInput = ref(null) +const safeMaxAmount = computed(() => { + return Math.max(0, props.maxAmount) +}) + +const isDisabled = computed(() => { + return safeMaxAmount.value < 0.01 +}) + const isBelowMinimum = computed(() => { return ( props.modelValue !== undefined && props.modelValue > 0 && props.modelValue < props.minAmount @@ -84,11 +93,11 @@ const isBelowMinimum = computed(() => { }) const isAboveMaximum = computed(() => { - return props.modelValue !== undefined && props.modelValue > props.maxAmount + return props.modelValue !== undefined && props.modelValue > safeMaxAmount.value }) async function setMaxAmount() { - const maxValue = props.maxAmount + const maxValue = safeMaxAmount.value emit('update:modelValue', maxValue) await nextTick() @@ -119,11 +128,11 @@ watch( () => props.modelValue, async (newAmount) => { if (newAmount !== undefined && newAmount !== null) { - if (newAmount > props.maxAmount) { - emit('update:modelValue', props.maxAmount) + if (newAmount > safeMaxAmount.value) { + emit('update:modelValue', safeMaxAmount.value) await nextTick() if (amountInput.value) { - amountInput.value.value = props.maxAmount.toFixed(2) + amountInput.value.value = safeMaxAmount.value.toFixed(2) } } else if (newAmount < 0) { emit('update:modelValue', 0) diff --git a/apps/frontend/src/components/ui/dashboard/withdraw-stages/MuralpayDetailsStage.vue b/apps/frontend/src/components/ui/dashboard/withdraw-stages/MuralpayDetailsStage.vue index 9a32f8ef..dd05ac80 100644 --- a/apps/frontend/src/components/ui/dashboard/withdraw-stages/MuralpayDetailsStage.vue +++ b/apps/frontend/src/components/ui/dashboard/withdraw-stages/MuralpayDetailsStage.vue @@ -325,7 +325,7 @@ const dynamicDocumentNumberField = computed(() => { return { name: 'documentNumber', type: 'text' as const, - label: labelMap[documentType] || 'Document Number', + label: labelMap[documentType] || 'Document number', placeholder: placeholderMap[documentType] || 'Enter document number', required: true, } @@ -474,23 +474,23 @@ const messages = defineMessages({ }, documentNumberNationalId: { id: 'dashboard.creator-withdraw-modal.muralpay-details.document-number-national-id', - defaultMessage: 'National ID Number', + defaultMessage: 'National ID number', }, documentNumberPassport: { id: 'dashboard.creator-withdraw-modal.muralpay-details.document-number-passport', - defaultMessage: 'Passport Number', + defaultMessage: 'Passport number', }, documentNumberResidentId: { id: 'dashboard.creator-withdraw-modal.muralpay-details.document-number-resident-id', - defaultMessage: 'Resident ID Number', + defaultMessage: 'Resident ID number', }, documentNumberRuc: { id: 'dashboard.creator-withdraw-modal.muralpay-details.document-number-ruc', - defaultMessage: 'RUC Number', + defaultMessage: 'RUC number', }, documentNumberTaxId: { id: 'dashboard.creator-withdraw-modal.muralpay-details.document-number-tax-id', - defaultMessage: 'Tax ID Number', + defaultMessage: 'Tax ID number', }, documentNumberNationalIdPlaceholder: { id: 'dashboard.creator-withdraw-modal.muralpay-details.document-number-national-id-placeholder', diff --git a/apps/frontend/src/components/ui/dashboard/withdraw-stages/TremendousDetailsStage.vue b/apps/frontend/src/components/ui/dashboard/withdraw-stages/TremendousDetailsStage.vue index f09adc8f..7d895e1d 100644 --- a/apps/frontend/src/components/ui/dashboard/withdraw-stages/TremendousDetailsStage.vue +++ b/apps/frontend/src/components/ui/dashboard/withdraw-stages/TremendousDetailsStage.vue @@ -529,7 +529,11 @@ onMounted(async () => { rewardOptions.value = methods .filter((m) => m.type === 'tremendous') - .filter((m) => m.category === selectedMethod) + .filter( + (m) => + m.category === selectedMethod || + (selectedMethod === 'merchant_card' && m.category === 'visa_card'), + ) .map((m) => ({ value: m.id, label: m.name, diff --git a/apps/frontend/src/locales/en-US/index.json b/apps/frontend/src/locales/en-US/index.json index c3207c08..d478056d 100644 --- a/apps/frontend/src/locales/en-US/index.json +++ b/apps/frontend/src/locales/en-US/index.json @@ -702,31 +702,31 @@ "message": "Confirm your wallet address" }, "dashboard.creator-withdraw-modal.muralpay-details.document-number-national-id": { - "message": "National ID Number" + "message": "National ID number" }, "dashboard.creator-withdraw-modal.muralpay-details.document-number-national-id-placeholder": { "message": "Enter national ID number" }, "dashboard.creator-withdraw-modal.muralpay-details.document-number-passport": { - "message": "Passport Number" + "message": "Passport number" }, "dashboard.creator-withdraw-modal.muralpay-details.document-number-passport-placeholder": { "message": "Enter passport number" }, "dashboard.creator-withdraw-modal.muralpay-details.document-number-resident-id": { - "message": "Resident ID Number" + "message": "Resident ID number" }, "dashboard.creator-withdraw-modal.muralpay-details.document-number-resident-id-placeholder": { "message": "Enter resident ID number" }, "dashboard.creator-withdraw-modal.muralpay-details.document-number-ruc": { - "message": "RUC Number" + "message": "RUC number" }, "dashboard.creator-withdraw-modal.muralpay-details.document-number-ruc-placeholder": { "message": "Enter RUC number" }, "dashboard.creator-withdraw-modal.muralpay-details.document-number-tax-id": { - "message": "Tax ID Number" + "message": "Tax ID number" }, "dashboard.creator-withdraw-modal.muralpay-details.document-number-tax-id-placeholder": { "message": "Enter tax ID number" @@ -920,6 +920,42 @@ "dashboard.withdraw.completion.wallet": { "message": "Wallet" }, + "dashboard.withdraw.error.generic.text": { + "message": "We were unable to submit your withdrawal request, please check your details or contact support." + }, + "dashboard.withdraw.error.generic.title": { + "message": "Unable to withdraw" + }, + "dashboard.withdraw.error.invalid-address.text": { + "message": "The address you provided could not be verified. Please check your address details." + }, + "dashboard.withdraw.error.invalid-address.title": { + "message": "Address verification failed" + }, + "dashboard.withdraw.error.invalid-bank.text": { + "message": "The bank account details you provided are invalid. Please verify your information." + }, + "dashboard.withdraw.error.invalid-bank.title": { + "message": "Invalid bank details" + }, + "dashboard.withdraw.error.invalid-wallet.text": { + "message": "The crypto wallet address you provided is invalid. Please double-check and try again." + }, + "dashboard.withdraw.error.invalid-wallet.title": { + "message": "Invalid wallet address" + }, + "dashboard.withdraw.error.minimum-not-met.text": { + "message": "The withdrawal amount (after fees) doesn't meet the minimum requirement. Please increase your withdrawal amount." + }, + "dashboard.withdraw.error.minimum-not-met.title": { + "message": "Amount too low" + }, + "dashboard.withdraw.error.tax-form.text": { + "message": "You must complete a tax form to submit your withdrawal request." + }, + "dashboard.withdraw.error.tax-form.title": { + "message": "Please complete tax form" + }, "error.collection.404.list_item.1": { "message": "You may have mistyped the collection's URL." }, @@ -1512,25 +1548,25 @@ "message": "Tax ID" }, "muralpay.field.account-number": { - "message": "Account Number" + "message": "Account number" }, "muralpay.field.account-number-cbu-cvu": { - "message": "Account Number (CBU/CVU)" + "message": "Account number (CBU/CVU)" }, "muralpay.field.account-number-cci": { - "message": "Account Number (CCI)" + "message": "Account number (CCI)" }, "muralpay.field.account-number-type": { - "message": "Account Number Type" + "message": "Account number type" }, "muralpay.field.account-type": { - "message": "Account Type" + "message": "Account type" }, "muralpay.field.bank-account-number": { - "message": "Account Number" + "message": "Account number" }, "muralpay.field.branch-code": { - "message": "Branch Code" + "message": "Branch code" }, "muralpay.field.clabe": { "message": "CLABE" @@ -1545,31 +1581,31 @@ "message": "CUIT/CUIL" }, "muralpay.field.document-type": { - "message": "Document Type" + "message": "Document type" }, "muralpay.field.iban": { "message": "IBAN" }, "muralpay.field.phone-number": { - "message": "Phone Number" + "message": "Phone number" }, "muralpay.field.pix-email": { - "message": "PIX Email" + "message": "PIX email" }, "muralpay.field.pix-key-type": { - "message": "PIX Key Type" + "message": "PIX key type" }, "muralpay.field.pix-phone": { - "message": "PIX Phone" + "message": "PIX phone" }, "muralpay.field.routing-number": { - "message": "Routing Number" + "message": "Routing number" }, "muralpay.field.swift-bic": { "message": "SWIFT/BIC" }, "muralpay.field.wallet-address": { - "message": "Wallet Address" + "message": "Wallet address" }, "muralpay.help.cbu-cvu": { "message": "Clave Bancaria Uniforme or Clave Virtual Uniforme" @@ -1593,7 +1629,7 @@ "message": "Bank Identifier Code" }, "muralpay.pix-type.bank-account": { - "message": "Bank Account" + "message": "Bank account" }, "muralpay.pix-type.document": { "message": "CPF/CNPJ" @@ -1602,7 +1638,7 @@ "message": "Email" }, "muralpay.pix-type.phone": { - "message": "Phone Number" + "message": "Phone number" }, "muralpay.placeholder.account-number": { "message": "Enter account number" diff --git a/apps/frontend/src/pages/dashboard/revenue/index.vue b/apps/frontend/src/pages/dashboard/revenue/index.vue index 464ef028..8cc6bd34 100644 --- a/apps/frontend/src/pages/dashboard/revenue/index.vue +++ b/apps/frontend/src/pages/dashboard/revenue/index.vue @@ -193,67 +193,66 @@ @cancelled="refreshPayouts" />
-
-
+
+
-
- {{ - formatMessage(messages.noTransactions) - }} - {{ - formatMessage(messages.noTransactionsDesc) - }} +
+ {{ + formatMessage(messages.noTransactions) + }} + {{ + formatMessage(messages.noTransactionsDesc) + }} +
@@ -556,7 +555,7 @@ const segments = computed(() => { return { key: s.key, class: s.class, pct, amount: s.amount } }) - const filtered = normalized.filter((s) => s.pct > 0) + const filtered = normalized.filter((s) => s.pct >= 1) if (!filtered.length) return [] as RevenueBarSegment[] const sumExceptLast = filtered.slice(0, -1).reduce((sum, s) => sum + s.pct, 0) diff --git a/apps/frontend/src/providers/creator-withdraw.ts b/apps/frontend/src/providers/creator-withdraw.ts index 9d861c07..3ea3a6ae 100644 --- a/apps/frontend/src/providers/creator-withdraw.ts +++ b/apps/frontend/src/providers/creator-withdraw.ts @@ -449,12 +449,12 @@ export function createWithdrawContext( const formCompleted = balance?.form_completion_status === 'complete' if (formCompleted) { - return availableBalance + return Math.max(0, availableBalance) } const usedLimit = balance?.withdrawn_ytd ?? 0 const remainingLimit = Math.max(0, TAX_THRESHOLD_ACTUAL - usedLimit) - return Math.min(remainingLimit, availableBalance) + return Math.max(0, Math.min(remainingLimit, availableBalance)) }) const paymentOptions = computed(() => { @@ -486,7 +486,10 @@ export function createWithdrawContext( } const merchantMethods = tremendousMethods.filter( - (m) => m.category === 'merchant_card' || m.category === 'merchant_cards', + (m) => + m.category === 'merchant_card' || + m.category === 'merchant_cards' || + m.category === 'visa_card', ) if (merchantMethods.length > 0) { options.push({ diff --git a/apps/frontend/src/utils/muralpay-rails.ts b/apps/frontend/src/utils/muralpay-rails.ts index d04ebf9c..e7d3edc7 100644 --- a/apps/frontend/src/utils/muralpay-rails.ts +++ b/apps/frontend/src/utils/muralpay-rails.ts @@ -84,7 +84,7 @@ export const MURALPAY_RAILS: Record = { { name: 'accountType', type: 'select', - label: defineMessage({ id: 'muralpay.field.account-type', defaultMessage: 'Account Type' }), + label: defineMessage({ id: 'muralpay.field.account-type', defaultMessage: 'Account type' }), required: true, options: ACCOUNT_TYPE_OPTIONS, autocomplete: 'off', @@ -94,7 +94,7 @@ export const MURALPAY_RAILS: Record = { type: 'text', label: defineMessage({ id: 'muralpay.field.bank-account-number', - defaultMessage: 'Account Number', + defaultMessage: 'Account number', }), required: true, placeholder: defineMessage({ @@ -108,7 +108,7 @@ export const MURALPAY_RAILS: Record = { type: 'text', label: defineMessage({ id: 'muralpay.field.routing-number', - defaultMessage: 'Routing Number', + defaultMessage: 'Routing number', }), required: true, placeholder: defineMessage({ @@ -295,13 +295,13 @@ export const MURALPAY_RAILS: Record = { { name: 'pixAccountType', type: 'select', - label: defineMessage({ id: 'muralpay.field.pix-key-type', defaultMessage: 'PIX Key Type' }), + label: defineMessage({ id: 'muralpay.field.pix-key-type', defaultMessage: 'PIX key type' }), required: true, autocomplete: 'off', options: [ { value: 'PHONE', - label: defineMessage({ id: 'muralpay.pix-type.phone', defaultMessage: 'Phone Number' }), + label: defineMessage({ id: 'muralpay.pix-type.phone', defaultMessage: 'Phone number' }), }, { value: 'EMAIL', @@ -315,7 +315,7 @@ export const MURALPAY_RAILS: Record = { value: 'BANK_ACCOUNT', label: defineMessage({ id: 'muralpay.pix-type.bank-account', - defaultMessage: 'Bank Account', + defaultMessage: 'Bank account', }), }, ], @@ -323,7 +323,7 @@ export const MURALPAY_RAILS: Record = { { name: 'pixEmail', type: 'email', - label: defineMessage({ id: 'muralpay.field.pix-email', defaultMessage: 'PIX Email' }), + label: defineMessage({ id: 'muralpay.field.pix-email', defaultMessage: 'PIX email' }), required: true, placeholder: defineMessage({ id: 'muralpay.placeholder.enter-pix-email', @@ -334,7 +334,7 @@ export const MURALPAY_RAILS: Record = { { name: 'pixPhone', type: 'tel', - label: defineMessage({ id: 'muralpay.field.pix-phone', defaultMessage: 'PIX Phone' }), + label: defineMessage({ id: 'muralpay.field.pix-phone', defaultMessage: 'PIX phone' }), required: true, placeholder: defineMessage({ id: 'muralpay.placeholder.pix-phone', @@ -345,7 +345,7 @@ export const MURALPAY_RAILS: Record = { { name: 'branchCode', type: 'text', - label: defineMessage({ id: 'muralpay.field.branch-code', defaultMessage: 'Branch Code' }), + label: defineMessage({ id: 'muralpay.field.branch-code', defaultMessage: 'Branch code' }), required: true, placeholder: defineMessage({ id: 'muralpay.placeholder.enter-branch-code', @@ -386,7 +386,7 @@ export const MURALPAY_RAILS: Record = { { name: 'phoneNumber', type: 'tel', - label: defineMessage({ id: 'muralpay.field.phone-number', defaultMessage: 'Phone Number' }), + label: defineMessage({ id: 'muralpay.field.phone-number', defaultMessage: 'Phone number' }), required: true, placeholder: defineMessage({ id: 'muralpay.placeholder.phone-cop', @@ -397,7 +397,7 @@ export const MURALPAY_RAILS: Record = { { name: 'accountType', type: 'select', - label: defineMessage({ id: 'muralpay.field.account-type', defaultMessage: 'Account Type' }), + label: defineMessage({ id: 'muralpay.field.account-type', defaultMessage: 'Account type' }), required: true, options: ACCOUNT_TYPE_OPTIONS, autocomplete: 'off', @@ -407,7 +407,7 @@ export const MURALPAY_RAILS: Record = { type: 'text', label: defineMessage({ id: 'muralpay.field.bank-account-number', - defaultMessage: 'Account Number', + defaultMessage: 'Account number', }), required: true, placeholder: defineMessage({ @@ -421,7 +421,7 @@ export const MURALPAY_RAILS: Record = { type: 'select', label: defineMessage({ id: 'muralpay.field.document-type', - defaultMessage: 'Document Type', + defaultMessage: 'Document type', }), required: true, options: DOCUMENT_TYPE_OPTIONS, @@ -447,7 +447,7 @@ export const MURALPAY_RAILS: Record = { type: 'text', label: defineMessage({ id: 'muralpay.field.account-number-cbu-cvu', - defaultMessage: 'Account Number (CBU/CVU)', + defaultMessage: 'Account number (CBU/CVU)', }), required: true, placeholder: defineMessage({ @@ -480,7 +480,7 @@ export const MURALPAY_RAILS: Record = { type: 'text', label: defineMessage({ id: 'muralpay.field.account-number-type', - defaultMessage: 'Account Number Type', + defaultMessage: 'Account number type', }), required: true, placeholder: defineMessage({ @@ -507,7 +507,7 @@ export const MURALPAY_RAILS: Record = { { name: 'accountType', type: 'select', - label: defineMessage({ id: 'muralpay.field.account-type', defaultMessage: 'Account Type' }), + label: defineMessage({ id: 'muralpay.field.account-type', defaultMessage: 'Account type' }), required: true, options: ACCOUNT_TYPE_OPTIONS, autocomplete: 'off', @@ -517,7 +517,7 @@ export const MURALPAY_RAILS: Record = { type: 'text', label: defineMessage({ id: 'muralpay.field.account-number', - defaultMessage: 'Account Number', + defaultMessage: 'Account number', }), required: true, placeholder: defineMessage({ @@ -531,7 +531,7 @@ export const MURALPAY_RAILS: Record = { type: 'select', label: defineMessage({ id: 'muralpay.field.document-type', - defaultMessage: 'Document Type', + defaultMessage: 'Document type', }), required: true, options: DOCUMENT_TYPE_OPTIONS, @@ -568,7 +568,7 @@ export const MURALPAY_RAILS: Record = { type: 'select', label: defineMessage({ id: 'muralpay.field.document-type', - defaultMessage: 'Document Type', + defaultMessage: 'Document type', }), required: true, options: DOCUMENT_TYPE_OPTIONS, @@ -594,7 +594,7 @@ export const MURALPAY_RAILS: Record = { type: 'select', label: defineMessage({ id: 'muralpay.field.document-type', - defaultMessage: 'Document Type', + defaultMessage: 'Document type', }), required: true, options: DOCUMENT_TYPE_OPTIONS, @@ -605,7 +605,7 @@ export const MURALPAY_RAILS: Record = { type: 'text', label: defineMessage({ id: 'muralpay.field.account-number-cci', - defaultMessage: 'Account Number (CCI)', + defaultMessage: 'Account number (CCI)', }), required: true, placeholder: defineMessage({ @@ -621,7 +621,7 @@ export const MURALPAY_RAILS: Record = { { name: 'accountType', type: 'select', - label: defineMessage({ id: 'muralpay.field.account-type', defaultMessage: 'Account Type' }), + label: defineMessage({ id: 'muralpay.field.account-type', defaultMessage: 'Account type' }), required: true, options: ACCOUNT_TYPE_OPTIONS, autocomplete: 'off', @@ -646,7 +646,7 @@ export const MURALPAY_RAILS: Record = { // type: 'text', // label: defineMessage({ // id: 'muralpay.field.account-number', - // defaultMessage: 'Account Number', + // defaultMessage: 'Account number', // }), // required: true, // placeholder: defineMessage({ @@ -660,7 +660,7 @@ export const MURALPAY_RAILS: Record = { // type: 'select', // label: defineMessage({ // id: 'muralpay.field.document-type', - // defaultMessage: 'Document Type', + // defaultMessage: 'Document type', // }), // required: true, // options: DOCUMENT_TYPE_OPTIONS, @@ -684,7 +684,7 @@ export const MURALPAY_RAILS: Record = { { name: 'accountType', type: 'select', - label: defineMessage({ id: 'muralpay.field.account-type', defaultMessage: 'Account Type' }), + label: defineMessage({ id: 'muralpay.field.account-type', defaultMessage: 'Account type' }), required: true, options: ACCOUNT_TYPE_OPTIONS, autocomplete: 'off', @@ -694,7 +694,7 @@ export const MURALPAY_RAILS: Record = { type: 'text', label: defineMessage({ id: 'muralpay.field.account-number', - defaultMessage: 'Account Number', + defaultMessage: 'Account number', }), required: true, placeholder: defineMessage({ @@ -721,7 +721,7 @@ export const MURALPAY_RAILS: Record = { { name: 'accountType', type: 'select', - label: defineMessage({ id: 'muralpay.field.account-type', defaultMessage: 'Account Type' }), + label: defineMessage({ id: 'muralpay.field.account-type', defaultMessage: 'Account type' }), required: true, options: ACCOUNT_TYPE_OPTIONS, autocomplete: 'off', @@ -731,7 +731,7 @@ export const MURALPAY_RAILS: Record = { type: 'text', label: defineMessage({ id: 'muralpay.field.account-number', - defaultMessage: 'Account Number', + defaultMessage: 'Account number', }), required: true, placeholder: defineMessage({ @@ -745,7 +745,7 @@ export const MURALPAY_RAILS: Record = { type: 'select', label: defineMessage({ id: 'muralpay.field.document-type', - defaultMessage: 'Document Type', + defaultMessage: 'Document type', }), required: true, options: DOCUMENT_TYPE_OPTIONS, @@ -780,7 +780,7 @@ export const MURALPAY_RAILS: Record = { // { // name: 'accountType', // type: 'select', - // label: defineMessage({ id: 'muralpay.field.account-type', defaultMessage: 'Account Type' }), + // label: defineMessage({ id: 'muralpay.field.account-type', defaultMessage: 'Account type' }), // required: true, // options: ACCOUNT_TYPE_OPTIONS, // autocomplete: 'off', @@ -790,7 +790,7 @@ export const MURALPAY_RAILS: Record = { // type: 'text', // label: defineMessage({ // id: 'muralpay.field.account-number', - // defaultMessage: 'Account Number', + // defaultMessage: 'Account number', // }), // required: true, // placeholder: defineMessage({ @@ -804,7 +804,7 @@ export const MURALPAY_RAILS: Record = { // type: 'select', // label: defineMessage({ // id: 'muralpay.field.document-type', - // defaultMessage: 'Document Type', + // defaultMessage: 'Document type', // }), // required: true, // options: DOCUMENT_TYPE_OPTIONS, @@ -813,7 +813,7 @@ export const MURALPAY_RAILS: Record = { // { // name: 'phoneNumber', // type: 'tel', - // label: defineMessage({ id: 'muralpay.field.phone-number', defaultMessage: 'Phone Number' }), + // label: defineMessage({ id: 'muralpay.field.phone-number', defaultMessage: 'Phone number' }), // required: true, // placeholder: defineMessage({ // id: 'muralpay.placeholder.phone-china', @@ -867,7 +867,7 @@ export const MURALPAY_RAILS: Record = { type: 'text', label: defineMessage({ id: 'muralpay.field.wallet-address', - defaultMessage: 'Wallet Address', + defaultMessage: 'Wallet address', }), required: true, placeholder: defineMessage({ @@ -900,7 +900,7 @@ export const MURALPAY_RAILS: Record = { type: 'text', label: defineMessage({ id: 'muralpay.field.wallet-address', - defaultMessage: 'Wallet Address', + defaultMessage: 'Wallet address', }), required: true, placeholder: defineMessage({ @@ -936,7 +936,7 @@ export const MURALPAY_RAILS: Record = { type: 'text', label: defineMessage({ id: 'muralpay.field.wallet-address', - defaultMessage: 'Wallet Address', + defaultMessage: 'Wallet address', }), required: true, placeholder: defineMessage({ @@ -969,7 +969,7 @@ export const MURALPAY_RAILS: Record = { type: 'text', label: defineMessage({ id: 'muralpay.field.wallet-address', - defaultMessage: 'Wallet Address', + defaultMessage: 'Wallet address', }), required: true, placeholder: defineMessage({ diff --git a/packages/ui/src/components/modal/NewModal.vue b/packages/ui/src/components/modal/NewModal.vue index 1ca3b2e8..03ec90ca 100644 --- a/packages/ui/src/components/modal/NewModal.vue +++ b/packages/ui/src/components/modal/NewModal.vue @@ -314,7 +314,7 @@ function handleKeyDown(event: KeyboardEvent) { transition: none !important; } - @media screen and (max-width: 650px) { + @media screen and (max-width: 640px) { width: calc(100% - 2 * var(--gap-lg)); } }