diff --git a/example/android/app/build.gradle b/example/android/app/build.gradle index 0dd3ff4..51ab074 100644 --- a/example/android/app/build.gradle +++ b/example/android/app/build.gradle @@ -1,8 +1,8 @@ apply plugin: 'com.android.application' apply plugin: 'org.jetbrains.kotlin.android' -def fronteggDomain = "app-x4gr8g28fxr5.frontegg.com" -def fronteggClientId = "5f493de4-01c5-4a61-8642-fca650a6a9dc" +def fronteggDomain = "autheu.davidantoon.me" +def fronteggClientId = "b6adfe4c-d695-4c04-b95f-3ec9fd0c6cca" android { namespace "com.frontegg.demo" diff --git a/example/capacitor.config.ts b/example/capacitor.config.ts index e1d7765..4121bed 100644 --- a/example/capacitor.config.ts +++ b/example/capacitor.config.ts @@ -15,8 +15,9 @@ const config: CapacitorConfig = { useDiskCacheWebView: false, regions:[{ key: 'default', - baseUrl: 'https://app-x4gr8g28fxr5.frontegg.com', - clientId: '5f493de4-01c5-4a61-8642-fca650a6a9dc' + baseUrl: 'https://autheu.davidantoon.me', + clientId: 'b6adfe4c-d695-4c04-b95f-3ec9fd0c6cca', + applicationId: '7ae7de24-99f7-4880-a325-1b638ad933ee' }] } } diff --git a/example/ios/App/App/App.entitlements b/example/ios/App/App/App.entitlements index d502483..8f9f3be 100644 --- a/example/ios/App/App/App.entitlements +++ b/example/ios/App/App/App.entitlements @@ -8,8 +8,8 @@ com.apple.developer.associated-domains - webcredentials:app-x4gr8g28fxr5.frontegg.com - applinks:app-x4gr8g28fxr5.frontegg.com + webcredentials:autheu.davidantoon.me + applinks:autheu.davidantoon.me diff --git a/example/ios/App/App/Frontegg-Multi.plist b/example/ios/App/App/Frontegg-Multi.plist index 70859d9..7585faf 100644 --- a/example/ios/App/App/Frontegg-Multi.plist +++ b/example/ios/App/App/Frontegg-Multi.plist @@ -8,9 +8,11 @@ key default baseUrl - https://app-x4gr8g28fxr5.frontegg.com + https://autheu.davidantoon.me clientId - 5f493de4-01c5-4a61-8642-fca650a6a9dc + b6adfe4c-d695-4c04-b95f-3ec9fd0c6cca + applicationId + 7ae7de24-99f7-4880-a325-1b638ad933ee embeddedMode diff --git a/example/ios/App/App/Frontegg.plist b/example/ios/App/App/Frontegg.plist index 2fee2b1..7731b76 100644 --- a/example/ios/App/App/Frontegg.plist +++ b/example/ios/App/App/Frontegg.plist @@ -12,5 +12,7 @@ https://autheu.davidantoon.me clientId b6adfe4c-d695-4c04-b95f-3ec9fd0c6cca + applicationId + 7ae7de24-99f7-4880-a325-1b638ad933ee diff --git a/example/src/app/auth/login.page.html b/example/src/app/auth/login.page.html index 2bbd2d9..6455871 100644 --- a/example/src/app/auth/login.page.html +++ b/example/src/app/auth/login.page.html @@ -1,4 +1,4 @@ - + Frontegg Ionic SDK @@ -7,10 +7,10 @@
-
+
Not Logged In -
-
- Login +
+ Login +
diff --git a/example/src/app/tab1/tab1.page.html b/example/src/app/tab1/tab1.page.html index 53e5935..b043c37 100644 --- a/example/src/app/tab1/tab1.page.html +++ b/example/src/app/tab1/tab1.page.html @@ -6,42 +6,66 @@ - + Frontegg Ionic SDK -
- Email: {{user ? user.email : 'Not Logged In' }} -
- isLoading: {{isLoading ? 'true' : 'false'}} -
- Is Refreshing Token: {{refreshingToken ? 'true' : 'false'}} -
- isAuthenticated: {{isAuthenticated ? 'true' : 'false'}} -
- Active Tenant: {{user?.activeTenant?.name}} -
- - accessToken:{{' '}} - {{accessToken ? accessToken.substring(accessToken.length - 40) : ''}} - -
-
+
+ Email: {{user ? user.email : 'Not Logged In' }} +
+ isLoading: {{isLoading ? 'true' : 'false'}} +
+ Is Refreshing Token: {{refreshingToken ? 'true' : 'false'}} +
+ isAuthenticated: {{isAuthenticated ? 'true' : 'false'}} +
+ Active Tenant: {{user?.activeTenant?.name}} +
+ + accessToken:{{' '}} + {{accessToken ? accessToken.substring(accessToken.length - 40) : ''}} + +
+ + Login + - Login - Logout + + Logout + -
-
- Refresh Token + + Refresh Token + -
-
- - Open Admin Portal - + + Open Admin Portal + +
+
diff --git a/example/src/app/tab2/tab2.page.html b/example/src/app/tab2/tab2.page.html index 63a0d76..a137307 100644 --- a/example/src/app/tab2/tab2.page.html +++ b/example/src/app/tab2/tab2.page.html @@ -6,17 +6,24 @@ - + Tenants - - -
- - {{tenant.name}}{{tenant.tenantId === activeTenantId ? ' (active)' : ''}}{{tenant.tenantId === switching ? ' (switching...)' : ''}} - +
+
+ + {{tenant.name}}{{tenant.tenantId === activeTenantId ? ' (active)' : ''}}{{tenant.tenantId === switching ? ' (switching...)' : ''}} + +
+
diff --git a/example/src/global.scss b/example/src/global.scss index d89e39b..f5f837e 100644 --- a/example/src/global.scss +++ b/example/src/global.scss @@ -24,3 +24,48 @@ @import "@ionic/angular/css/text-alignment.css"; @import "@ionic/angular/css/text-transformation.css"; @import "@ionic/angular/css/flex-utils.css"; + +/* -------------------------------------------------------------------------- */ +/* Demo UI (Frontegg) */ +/* Match Flutter/Kotlin button + spacing. */ +/* -------------------------------------------------------------------------- */ + +.frontegg-content { + --background: #f9fafc; +} + +.frontegg-card { + background: #ffffff; + border-radius: 16px; + padding: 24px; +} + +.frontegg-btn-stack { + display: flex; + flex-direction: column; + gap: 8px; /* Flutter: SizedBox(height: 8) */ +} + +ion-button.frontegg-btn { + width: 100%; + /* Flutter: ElevatedButtonThemeData + - minHeight: 48 + - borderRadius: 8 + - padding: vertical 9, horizontal 24 */ + min-height: 48px; + --border-radius: 8px; + --min-height: 48px; + --padding-top: 9px; + --padding-bottom: 9px; + --padding-start: 24px; + --padding-end: 24px; + font-size: 16px; + font-weight: 600; + letter-spacing: 0.01em; + + /* Ensure solid primary fill */ + --background: var(--ion-color-primary); + --background-hover: var(--ion-color-primary); + --background-activated: var(--ion-color-primary); +} + diff --git a/example/src/theme/variables.scss b/example/src/theme/variables.scss index c356afa..ab11c74 100644 --- a/example/src/theme/variables.scss +++ b/example/src/theme/variables.scss @@ -4,12 +4,12 @@ /** Ionic CSS Variables **/ :root { /** primary **/ - --ion-color-primary: #eb445a; - --ion-color-primary-rgb: 235, 68, 90; + --ion-color-primary: #4D7DFA; + --ion-color-primary-rgb: 77, 125, 250; --ion-color-primary-contrast: #ffffff; --ion-color-primary-contrast-rgb: 255, 255, 255; - --ion-color-primary-shade: #cf3c4f; - --ion-color-primary-tint: #ed576b; + --ion-color-primary-shade: #3E6BE0; + --ion-color-primary-tint: #5E90FF; /** secondary **/ --ion-color-secondary: #3dc2ff; @@ -83,12 +83,12 @@ */ body { - --ion-color-primary: #ff4961; - --ion-color-primary-rgb: 255, 73, 97; - --ion-color-primary-contrast: #000000; - --ion-color-primary-contrast-rgb: 0, 0, 0; - --ion-color-primary-shade: #e04055; - --ion-color-primary-tint: #ff5b71; + --ion-color-primary: #4D7DFA; + --ion-color-primary-rgb: 77, 125, 250; + --ion-color-primary-contrast: #ffffff; + --ion-color-primary-contrast-rgb: 255, 255, 255; + --ion-color-primary-shade: #3E6BE0; + --ion-color-primary-tint: #5E90FF; --ion-color-secondary: #50c8ff; --ion-color-secondary-rgb: 80,200,255;