@saasmakers/ui 2.0.8 → 2.0.9

package/app/assets/styles/base.css

@@ -10,3 +10,8 @@ html.light body {
 html.dark body {
   background-color: var(--gray-900);
 }
+
+input[type='date']::-webkit-date-and-time-value,
+input[type='datetime-local']::-webkit-date-and-time-value {
+  text-align: inherit;
+}

package/app/components/auth/AuthSocialConnect.vue

@@ -89,8 +89,11 @@ async function onStartAuthentication() {
     }
   }
   catch (error) {
-    emit('error', error)
+    if (isUserCancellation(error)) {
+      return
+    }
 
+    emit('error', error)
     console.error(error)
   }
   finally {

package/app/components/fields/FieldAvatar.vue

@@ -131,6 +131,7 @@ function onOpenFilePicker() {
 
         <BaseText
           class="min-w-0 flex-1 text-gray-900 dark:text-gray-100"
+          :size="({ base: 'sm', lg: 'base', sm: 'xs', xs: '2xs' } as const)[size]"
           :text="loading ? t('actionLoading') : (action || t('action'))"
         />
       </div>

package/app/utils/errors.ts

@@ -0,0 +1,11 @@
+export function isUserCancellation(error: unknown): boolean {
+  if (!error || typeof error !== 'object') {
+    return false
+  }
+
+  const candidate = error as { code?: string, name?: string }
+
+  // Capacitor social-login rejects cancellations with this code on both iOS and Android.
+  // The message is localized, so never match on it.
+  return candidate.code === 'USER_CANCELLED' || candidate.name === 'AbortError'
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@saasmakers/ui",
-  "version": "2.0.8",
+  "version": "2.0.9",
   "private": false,
   "description": "Reusable Nuxt UI components for SaaS Makers projects",
   "license": "MIT",
@@ -11,6 +11,10 @@
     ".": {
       "types": "./app/types/global.d.ts",
       "default": "./nuxt.config.ts"
+    },
+    "./app/utils/errors": {
+      "types": "./app/utils/errors.ts",
+      "default": "./app/utils/errors.ts"
     }
   },
   "main": "nuxt.config.ts",