@windward/integrations 0.17.0 → 0.18.0

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # Changelog
 
+## Release [0.18.0] - 2025-10-10
+
+* Merged in bugfix/LE-2135-saml-implementation (pull request #104)
+* Merged in feature/LE-2135-saml-implementation (pull request #103)
+* Merge branch 'release/0.18.0' into feature/LE-2135-saml-implementation
+* Merged in feature/LE-2135-saml-implementation (pull request #99)
+* Merge remote-tracking branch 'origin/release/0.18.0' into feature/LE-2135-saml-implementation
+
+
 ## Release [0.17.0] - 2025-09-22
 
 * Merged in feature/LE-2035/7-strikes (pull request #98)

package/components/Integration/Driver/LoginSamlButton.vue

@@ -0,0 +1,119 @@
+<template>
+    <div v-if="samlEnabled">
+        <v-btn
+            color="primary"
+            elevation="0"
+            large
+            block
+            @click="loginWithSaml"
+            :loading="ssoLoading || loading"
+            :disabled="loading"
+        >
+            <v-icon class="pr-2">{{ samlButtonIcon }}</v-icon>
+            {{ samlButtonLabel }}
+        </v-btn>
+    </div>
+</template>
+
+<script>
+import Saml from '../../../models/Auth/Saml'
+
+export default {
+    name: 'LoginSamlButton',
+    props: {
+        loading: {
+            type: Boolean,
+            default: false,
+        },
+        valid: {
+            type: Boolean,
+            default: true,
+        },
+    },
+    data() {
+        return {
+            ssoLoading: false,
+            samlEnabled: false,
+            samlButtonLabel: 'Sign in with SSO',
+            samlButtonIcon: 'mdi-login',
+            organizationId: null,
+        }
+    },
+    mounted() {
+        this.checkSamlStatus()
+    },
+    methods: {
+        async checkSamlStatus() {
+            try {
+                // Get organization from store or context
+                const organization = this.$store.getters['organization/get']
+
+                // If no organization in store, try to use the hostname
+                let orgIdentifier = null
+
+                if (organization && organization.id) {
+                    // Prefer using the organization ID if available
+                    orgIdentifier = organization.id
+                } else {
+                    // Fallback to using the hostname (full base_url)
+                    orgIdentifier = window.location.hostname
+                }
+
+                if (!orgIdentifier) {
+                    return
+                }
+
+                // Check if SAML is enabled for this organization
+                const response = await Saml.custom('saml/status').get()
+
+                // The API returns an array, so we need to get the first element
+                const samlData = Array.isArray(response)
+                    ? response[0]
+                    : response
+
+                if (samlData && samlData.enabled && samlData.configured) {
+                    this.samlEnabled = true
+                    this.organizationId = samlData.organization_id
+
+                    // Use button settings from the integration configuration
+                    this.samlButtonLabel =
+                        samlData.button_label || 'Sign in with SSO'
+                    this.samlButtonIcon = samlData.button_icon || 'mdi-login'
+                }
+            } catch (error) {
+                // SAML not configured or error checking status
+                // Silently fail - SSO button won't show
+            }
+        },
+        async loginWithSaml() {
+            this.ssoLoading = true
+            try {
+                // Get the SSO URL from the backend
+                const response = await Saml.custom('users/saml-login').get()
+
+                // The API returns an array, so we need to get the first element
+                const loginData = Array.isArray(response)
+                    ? response[0]
+                    : response
+
+                if (loginData && loginData.sso_url) {
+                    // Redirect to the IdP for authentication
+                    window.location.href = loginData.sso_url
+                } else {
+                    this.$dialog.error('Unable to initiate SSO login')
+                }
+            } catch (error) {
+                // Only log error in development mode
+                if (process.env.NODE_ENV === 'development') {
+                    console.error('SSO login failed:', error)
+                }
+                this.$dialog.error(
+                    'SSO login failed. Please try again or use standard login.'
+                )
+            } finally {
+                this.ssoLoading = false
+            }
+        },
+    },
+}
+</script>

package/components/Integration/Driver/ManageSaml.vue

@@ -0,0 +1,327 @@
+<template>
+    <div>
+        <div v-if="!render" class="integration-loading">
+            <v-progress-circular size="128" indeterminate />
+        </div>
+        <div v-if="render">
+            <v-row justify="center" align="center" class="mt-5">
+                <v-col cols="12">
+                    <v-switch
+                        v-model="integration.enabled"
+                        :label="
+                            $t(
+                                'windward.integrations.components.integration.driver.enabled'
+                            )
+                        "
+                    />
+
+                    <v-text-field
+                        id="saml-entity-id"
+                        v-model="integration.metadata.config.idp_entity_id"
+                        :label="
+                            $t(
+                                'windward.integrations.components.integration.driver.saml_sso.idp_entity_id'
+                            )
+                        "
+                        :hint="
+                            $t(
+                                'windward.integrations.components.integration.driver.saml_sso.idp_entity_id_hint'
+                            )
+                        "
+                        :rules="$Validation.getRule('exists')"
+                    ></v-text-field>
+
+                    <v-text-field
+                        id="saml-sso-url"
+                        v-model="integration.metadata.config.idp_sso_url"
+                        :label="
+                            $t(
+                                'windward.integrations.components.integration.driver.saml_sso.idp_sso_url'
+                            )
+                        "
+                        :hint="
+                            $t(
+                                'windward.integrations.components.integration.driver.saml_sso.idp_sso_url_hint'
+                            )
+                        "
+                        :rules="$Validation.getRule('url')"
+                    ></v-text-field>
+
+                    <v-text-field
+                        id="saml-slo-url"
+                        v-model="integration.metadata.config.idp_slo_url"
+                        autocomplete="off"
+                        :label="
+                            $t(
+                                'windward.integrations.components.integration.driver.saml_sso.idp_slo_url'
+                            )
+                        "
+                        :hint="
+                            $t(
+                                'windward.integrations.components.integration.driver.saml_sso.idp_slo_url_hint'
+                            )
+                        "
+                        :rules="$Validation.getRule('url')"
+                    ></v-text-field>
+
+                    <SecretField
+                        id="saml-certificate"
+                        v-model="integration.metadata.config.idp_x509_cert"
+                        tag="v-textarea"
+                        autocomplete="off"
+                        :label="
+                            $t(
+                                'windward.integrations.components.integration.driver.saml_sso.idp_x509_cert'
+                            )
+                        "
+                        :hint="
+                            $t(
+                                'windward.integrations.components.integration.driver.saml_sso.idp_x509_cert_hint'
+                            )
+                        "
+                        :append-icon="
+                            showCertificate ? 'mdi-eye' : 'mdi-eye-off'
+                        "
+                        rows="4"
+                        :rules="$Validation.getRule('exists')"
+                        :readonly="!showCertificate"
+                        :hidden="!showCertificate"
+                        :type="showCertificate ? 'text' : 'password'"
+                        @click:append="showCertificate = !showCertificate"
+                    ></SecretField>
+
+                    <v-alert
+                        v-if="integration.metadata.config.idp_x509_cert"
+                        type="success"
+                        text
+                        dense
+                        class="mt-2"
+                    >
+                        <v-icon small left>mdi-lock</v-icon>
+                        {{
+                            $t(
+                                'windward.integrations.components.integration.driver.saml_sso.cert_stored'
+                            )
+                        }}
+                    </v-alert>
+
+                    <v-divider class="my-4" />
+
+                    <h3 class="mb-3">
+                        {{
+                            $t(
+                                'windward.integrations.components.integration.driver.saml_sso.button_settings'
+                            )
+                        }}
+                    </h3>
+
+                    <v-text-field
+                        id="saml-button-label"
+                        v-model="integration.metadata.config.button_label"
+                        :label="
+                            $t(
+                                'windward.integrations.components.integration.driver.saml_sso.button_label'
+                            )
+                        "
+                        :hint="
+                            $t(
+                                'windward.integrations.components.integration.driver.saml_sso.button_label_hint'
+                            )
+                        "
+                        :placeholder="
+                            $t(
+                                'windward.integrations.components.integration.driver.saml_sso.button_label_default'
+                            )
+                        "
+                    ></v-text-field>
+
+                    <v-text-field
+                        id="saml-button-icon"
+                        v-model="integration.metadata.config.button_icon"
+                        :label="
+                            $t(
+                                'windward.integrations.components.integration.driver.saml_sso.button_icon'
+                            )
+                        "
+                        :hint="
+                            $t(
+                                'windward.integrations.components.integration.driver.saml_sso.button_icon_hint'
+                            )
+                        "
+                        placeholder="mdi-login"
+                    >
+                        <template #prepend>
+                            <v-icon>{{
+                                integration.metadata.config.button_icon ||
+                                'mdi-login'
+                            }}</v-icon>
+                        </template>
+                    </v-text-field>
+
+                    <v-divider class="my-4" />
+
+                    <v-alert type="info" outlined>
+                        <div class="font-weight-bold mb-2">
+                            {{
+                                $t(
+                                    'windward.integrations.components.integration.driver.saml_sso.sp_details'
+                                )
+                            }}
+                        </div>
+                        <div class="text--secondary">
+                            {{
+                                $t(
+                                    'windward.integrations.components.integration.driver.saml_sso.sp_details_description'
+                                )
+                            }}
+                        </div>
+                        <div class="mt-3">
+                            <div>
+                                <strong
+                                    >{{
+                                        $t(
+                                            'windward.integrations.components.integration.driver.saml_sso.sp_entity_id_label'
+                                        )
+                                    }}:</strong
+                                >
+                                {{ spEntityId }}
+                            </div>
+                            <div>
+                                <strong
+                                    >{{
+                                        $t(
+                                            'windward.integrations.components.integration.driver.saml_sso.acs_url_label'
+                                        )
+                                    }}:</strong
+                                >
+                                {{ acsUrl }}
+                            </div>
+                            <div>
+                                <strong
+                                    >{{
+                                        $t(
+                                            'windward.integrations.components.integration.driver.saml_sso.slo_url_label'
+                                        )
+                                    }}:</strong
+                                >
+                                {{ sloUrl }}
+                            </div>
+                        </div>
+                    </v-alert>
+
+                    <TestConnection
+                        :disabled="
+                            !integration.metadata.config.idp_entity_id ||
+                            !integration.metadata.config.idp_sso_url ||
+                            !integration.metadata.config.idp_slo_url ||
+                            !integration.metadata.config.idp_x509_cert
+                        "
+                        :loading="testConnectionLoading"
+                        :errors="errorMessage"
+                        @click="onTestConnection"
+                    ></TestConnection>
+                </v-col>
+            </v-row>
+        </div>
+    </div>
+</template>
+
+<script>
+import _ from 'lodash'
+import TestConnection from '../TestConnection.vue'
+import ManageBaseVue from './ManageBase.vue'
+import SecretField from '../../SecretField.vue'
+import Uuid from '~/helpers/Uuid'
+
+export default {
+    name: 'ManageSamlDriver',
+    components: { TestConnection, SecretField },
+    extends: ManageBaseVue,
+    data() {
+        return {
+            // formValid: true|false If this form is "complete" and passed validation on THIS component. Defined and watched in ManageBase.vue
+            // render: true|false If we should show the form aka when validation has passed. Defined and managed in ManageBase.vue
+            // integration: { metadata: {...} } The integration object to write to. Defined and loaded in ManageBase.vue
+            showCertificate: false,
+            errorMessage: '',
+            testConnectionLoading: false,
+        }
+    },
+    computed: {
+        spEntityId() {
+            return `${process.env.BASE_URL}/saml/metadata`
+        },
+        acsUrl() {
+            return `${process.env.BASE_URL}/saml/acs`
+        },
+        sloUrl() {
+            return `${process.env.BASE_URL}/saml/slo`
+        },
+    },
+    methods: {
+        /**
+         * Lifecycle event called from ManageBase.vue when async fetch() completes.
+         * Once called this.integration will be available containing the integration model (or a new one)
+         */
+        onIntegrationLoaded() {
+            // Initialize SAML config if not exists
+            if (!this.integration.metadata.config) {
+                this.integration.metadata.config = {
+                    idp_entity_id: '',
+                    idp_sso_url: '',
+                    idp_slo_url: '',
+                    idp_x509_cert: '',
+                    button_label: '',
+                    button_icon: 'mdi-login',
+                }
+            }
+
+            // Set defaults for button settings if not present
+            if (!this.integration.metadata.config.button_label) {
+                this.integration.metadata.config.button_label = ''
+            }
+            if (!this.integration.metadata.config.button_icon) {
+                this.integration.metadata.config.button_icon = 'mdi-login'
+            }
+
+            // Show the certificate by default if this is a new integration without a cert
+            this.showCertificate = _.isEmpty(
+                _.get(this.integration, 'metadata.config.idp_x509_cert', null)
+            )
+        },
+        async onTestConnection() {
+            this.testConnectionLoading = true
+            let response = { result: false }
+            try {
+                response = await this.testConnection(this.integration.metadata)
+
+                if (response.result) {
+                    this.errorMessage = ''
+                    this.$dialog.success(
+                        this.$t(
+                            'windward.integrations.shared.error.connect_success'
+                        )
+                    )
+                } else {
+                    this.errorMessage = response.message
+                    this.$dialog.error(
+                        this.$t(
+                            'windward.integrations.shared.error.connect_fail'
+                        )
+                    )
+                }
+            } catch (e) {
+                console.error(e)
+                this.$dialog.error(
+                    this.$t('windward.integrations.shared.error.unknown')
+                )
+            }
+
+            // We will indirectly validate the form via connection tests
+            // That way we can 100% confirm that the integration is valid
+            this.formValid = response.result
+            this.testConnectionLoading = false
+        },
+    },
+}
+</script>

package/components/SecretField.vue

@@ -1,11 +1,19 @@
 <template>
-    <v-text-field
-        id="secret-field"
+    <component
+        :is="activeComponent"
+        :id="'secret-field-' + key"
+        :name="'secret-field-' + key"
         :value="value"
-        readonly
+        :readonly="readonly"
+        :autocomplete="autocomplete"
         :type="fieldType"
         :placeholder="placeholder"
         :label="label"
+        :hint="hint"
+        :append-icon="appendIcon"
+        :rules="rules"
+        :rows="rows"
+        @input="$emit('input', $event)"
     >
         <template #append>
             <v-btn icon elevation="0" @click="toggleClear">
@@ -16,13 +24,18 @@
                 <span class="sr-only">{{ $t('shared.forms.copy') }}</span>
             </v-btn>
         </template>
-    </v-text-field>
+    </component>
 </template>
 
 <script>
+import Crypto from '~/helpers/Crypto'
+import { VTextarea, VTextField } from 'vuetify/lib'
+
 export default {
     name: 'SecretField',
+    components: { VTextarea, VTextField },
     props: {
+        tag: { type: String, required: false, default: 'v-text-field' },
         value: { type: String, required: false, default: '' },
         hidden: { type: Boolean, required: false, default: true },
         copy: { type: Boolean, required: false, default: true },
@@ -34,14 +47,57 @@ export default {
             type: String,
             required: false,
         },
+        hint: {
+            type: String,
+            required: false,
+        },
+        autocomplete: {
+            type: String,
+            required: false,
+        },
+        appendIcon: {
+            type: String,
+            required: false,
+        },
+        rules: {
+            type: Array,
+            required: false,
+            default: () => [],
+        },
+        rows: {
+            type: [String, Number],
+            required: false,
+            default: 5,
+        },
+        readonly: {
+            type: Boolean,
+            required: false,
+            default: true,
+        },
     },
     data() {
         return {
             showClear: false,
         }
     },
-
     computed: {
+        activeComponent() {
+            let tag = this.tag
+
+            // If the field type is password we need to hard-change to textfield since other components don't support password text
+            if (this.fieldType === 'password') {
+                tag = 'v-text-field'
+            }
+
+            if (tag === 'v-textarea') {
+                return VTextarea
+            } else {
+                return VTextField
+            }
+        },
+        key() {
+            return Crypto.id()
+        },
         fieldType() {
             if (this.showClear) {
                 return 'text'
@@ -56,6 +112,7 @@ export default {
     methods: {
         toggleClear() {
             this.showClear = !this.showClear
+            this.$emit('click:append', this.showClear)
         },
         copyText(text) {
             navigator.clipboard.writeText(text || '')

package/config/integration.config.js

@@ -5,6 +5,7 @@ import Desire2Learn from '../helpers/Driver/Desire2Learn'
 import Moodle from '../helpers/Driver/Moodle'
 import GoogleClassroom from '../helpers/Driver/GoogleClassroom'
 import Resourcespace from '../helpers/Driver/Resourcespace'
+import SamlSso from '../helpers/Driver/SamlSso'
 
 export default {
     /**
@@ -22,5 +23,6 @@ export default {
         moodle: { driver: Moodle },
         google_classroom: { driver: GoogleClassroom },
         resourcespace: { driver: Resourcespace },
+        saml_sso: { driver: SamlSso },
     },
 }

package/helpers/Driver/SamlSso.ts

@@ -0,0 +1,12 @@
+// @ts-ignore
+import Manage from '../../components/Integration/Driver/ManageSaml.vue'
+import DriverInterface, { IntegrationComponents } from './DriverInterface'
+import BaseDriver from './BaseDriver'
+
+export default class SamlSso extends BaseDriver implements DriverInterface {
+    public components(): IntegrationComponents {
+        return {
+            Manage,
+        }
+    }
+}

package/i18n/en-US/components/integration/driver.ts

@@ -34,6 +34,29 @@ export default {
         username: 'Username',
         key: 'API Key',
     },
+    saml_sso: {
+        manage_dialog_title: 'Manage SAML SSO Integration',
+        idp_entity_id: 'Identity Provider Entity ID',
+        idp_entity_id_hint: 'The unique identifier for your IdP (e.g., http://www.okta.com/exk1fxphPNZPCOB3v0g3)',
+        idp_sso_url: 'Single Sign-On URL',
+        idp_sso_url_hint: 'The URL where users will be redirected for authentication',
+        idp_slo_url: 'Single Logout URL (Optional)',
+        idp_slo_url_hint: 'The URL for logging out from the IdP',
+        idp_x509_cert: 'X.509 Certificate',
+        idp_x509_cert_hint: 'Paste the certificate content from your IdP metadata (without BEGIN/END lines)',
+        sp_details: 'Service Provider Details',
+        sp_details_description: 'Provide these details to your Identity Provider administrator:',
+        cert_stored: 'Certificate securely stored',
+        button_settings: 'Login Button Settings',
+        button_label: 'Button Label',
+        button_label_hint: 'Text to display on the SSO login button',
+        button_label_default: 'Sign in with SSO',
+        button_icon: 'Button Icon',
+        button_icon_hint: 'Material Design Icon name (e.g., mdi-login, mdi-account-key)',
+        sp_entity_id_label: 'SP Entity ID',
+        acs_url_label: 'ACS URL',
+        slo_url_label: 'SLO URL',
+    },
     enabled: 'Integration Enabled',
     disabled: 'Integration Disabled',
     ssl_enabled: 'SSL Enabled (Should be enabled for production)',

package/i18n/en-US/pages/login/index.ts

@@ -1,5 +1,7 @@
 import lti from './lti'
+import saml from './saml'
 
 export default {
     lti,
+    saml,
 }

package/i18n/en-US/pages/login/saml.ts

@@ -0,0 +1,7 @@
+export default {
+    or: 'OR',
+    processing: 'Processing SSO login...',
+    success: 'Login successful! Redirecting...',
+    failed: 'SSO login failed',
+    failed_description: 'SSO login failed. Please try again.',
+}

package/i18n/es-ES/components/integration/driver.ts

@@ -35,6 +35,29 @@ export default {
         username: 'Nombre de usuario',
         key: 'Clave API',
     },
+    saml_sso: {
+        manage_dialog_title: 'Administrar integración SAML SSO',
+        idp_entity_id: 'ID de entidad del proveedor de identidad',
+        idp_entity_id_hint: 'El identificador único para su IdP (por ejemplo, http://www.okta.com/exk1fxphPNZPCOB3v0g3)',
+        idp_sso_url: 'URL de inicio de sesión único',
+        idp_sso_url_hint: 'La URL donde los usuarios serán redirigidos para autenticación',
+        idp_slo_url: 'URL de cierre de sesión único (Opcional)',
+        idp_slo_url_hint: 'La URL para cerrar sesión desde el IdP',
+        idp_x509_cert: 'Certificado X.509',
+        idp_x509_cert_hint: 'Pegue el contenido del certificado de los metadatos de su IdP (sin las líneas BEGIN/END)',
+        sp_details: 'Detalles del proveedor de servicios',
+        sp_details_description: 'Proporcione estos detalles al administrador de su proveedor de identidad:',
+        cert_stored: 'Certificado almacenado de forma segura',
+        button_settings: 'Configuración del botón de inicio de sesión',
+        button_label: 'Etiqueta del botón',
+        button_label_hint: 'Texto para mostrar en el botón de inicio de sesión SSO',
+        button_label_default: 'Iniciar sesión con SSO',
+        button_icon: 'Icono del botón',
+        button_icon_hint: 'Nombre del icono de Material Design (por ejemplo, mdi-login, mdi-account-key)',
+        sp_entity_id_label: 'ID de entidad SP',
+        acs_url_label: 'URL ACS',
+        slo_url_label: 'URL SLO',
+    },
     enabled: 'Integración habilitada',
     disabled: 'Integración deshabilitada',
     ssl_enabled: 'SSL habilitado (debe estar habilitado para producción',

package/i18n/es-ES/pages/login/index.ts

@@ -1,5 +1,7 @@
 import lti from './lti'
+import saml from './saml'
 
 export default {
     lti,
+    saml,
 }

package/i18n/es-ES/pages/login/saml.ts

@@ -0,0 +1,7 @@
+export default {
+    or: 'O',
+    processing: 'Procesando inicio de sesión SSO...',
+    success: '¡Inicio de sesión exitoso! Redirigiendo...',
+    failed: 'Error en el inicio de sesión SSO',
+    failed_description: 'Error en el inicio de sesión SSO. Por favor, inténtelo de nuevo.',
+}

package/i18n/sv-SE/components/integration/driver.ts

@@ -34,6 +34,29 @@ export default {
         username: 'Användarnamn',
         key: 'API Key',
     },
+    saml_sso: {
+        manage_dialog_title: 'Hantera SAML SSO-integration',
+        idp_entity_id: 'Identitetsleverantörens enhets-ID',
+        idp_entity_id_hint: 'Den unika identifieraren för din IdP (t.ex. http://www.okta.com/exk1fxphPNZPCOB3v0g3)',
+        idp_sso_url: 'URL för enkel inloggning',
+        idp_sso_url_hint: 'URL:en dit användare omdirigeras för autentisering',
+        idp_slo_url: 'URL för enkel utloggning (Valfritt)',
+        idp_slo_url_hint: 'URL:en för att logga ut från IdP',
+        idp_x509_cert: 'X.509-certifikat',
+        idp_x509_cert_hint: 'Klistra in certifikatinnehållet från din IdP-metadata (utan BEGIN/END-rader)',
+        sp_details: 'Tjänsteleverantörsdetaljer',
+        sp_details_description: 'Ge dessa uppgifter till din identitetsleverantörsadministratör:',
+        cert_stored: 'Certifikat säkert lagrat',
+        button_settings: 'Inställningar för inloggningsknapp',
+        button_label: 'Knappetikett',
+        button_label_hint: 'Text att visa på SSO-inloggningsknappen',
+        button_label_default: 'Logga in med SSO',
+        button_icon: 'Knappikon',
+        button_icon_hint: 'Material Design-ikonnamn (t.ex. mdi-login, mdi-account-key)',
+        sp_entity_id_label: 'SP Entity ID',
+        acs_url_label: 'ACS URL',
+        slo_url_label: 'SLO URL',
+    },
     enabled: 'Integration aktiverad',
     disabled: 'Integration inaktiverad',
     ssl_enabled: 'SSL aktiverat (Bör vara aktiverad för produktion)',

package/i18n/sv-SE/pages/login/index.ts

@@ -1,5 +1,7 @@
 import lti from './lti'
+import saml from './saml'
 
 export default {
     lti,
+    saml,
 }

package/i18n/sv-SE/pages/login/saml.ts

@@ -0,0 +1,7 @@
+export default {
+    or: 'ELLER',
+    processing: 'Bearbetar SSO-inloggning...',
+    success: 'Inloggningen lyckades! Omdirigerar...',
+    failed: 'SSO-inloggning misslyckades',
+    failed_description: 'SSO-inloggning misslyckades. Vänligen försök igen.',
+}

package/jest.config.js

@@ -1,4 +1,7 @@
 module.exports = {
+    testEnvironment: 'jsdom',
+    setupFiles: ['<rootDir>/test/setup.js'],
+    testURL: 'http://localhost/',
     moduleNameMapper: {
         '^@/(.*)$': '<rootDir>/$1',
         '^vue$': 'vue/dist/vue.common.js',

package/models/Auth/Saml.ts

@@ -0,0 +1,21 @@
+// @ts-ignore
+import Model from '~/models/Model'
+
+export default class Saml extends Model {
+    get required(): string[] {
+        return []
+    }
+
+    // Set the resource route of the model
+    resource() {
+        return 'saml'
+    }
+
+    // Static method for custom endpoints
+    static custom(endpoint: string): any {
+        const instance = new Saml()
+        // Override the resource for this specific instance
+        instance.resource = () => endpoint
+        return instance
+    }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@windward/integrations",
-    "version": "0.17.0",
+    "version": "0.18.0",
     "description": "Windward UI Plugin Integrations for 3rd Party Systems",
     "main": "plugin.js",
     "scripts": {

package/plugin.js

@@ -21,6 +21,8 @@ import ChatWindow from './components/Integration/AiAgentIntegration/ChatWindow.v
 import AssessmentQuestionGenerateButton from './components/LLM/GenerateContent/AssessmentQuestionGenerateButton.vue'
 import BlockQuestionGenerateButton from './components/LLM/GenerateContent/BlockQuestionGenerateButton.vue'
 
+import LoginSamlButton from './components/Integration/Driver/LoginSamlButton.vue'
+
 export default {
     name: 'windward.integrations.name',
     version: null,
@@ -66,6 +68,21 @@ export default {
         },
     ],
     components: {
+        userLogin: [
+            {
+                tag: 'windward-integrations-login-saml',
+                template: LoginSamlButton,
+            },
+            // Future SSO methods can be added here:
+            // {
+            //     tag: 'windward-integrations-login-oauth2',
+            //     template: LoginOAuth2Button,
+            // },
+            // {
+            //     tag: 'windward-integrations-login-google',
+            //     template: LoginGoogleButton,
+            // },
+        ],
         menu: [
             {
                 ref_page: 'admin',

package/test/__mocks__/componentsMock.js

@@ -1 +1,81 @@
-// Mock components from other repos
+import Vue from 'vue'
+
+Vue.component('SearchField', {
+    name: 'SearchField',
+    template: '<div>SearchField</div>',
+})
+
+Vue.component('v-expansion-panels', {
+    name: 'v-expansion-panels',
+    template: '<div>v-expansion-panels</div>',
+})
+
+Vue.component('v-expansion-panel', {
+    name: 'v-expansion-panel',
+    template: '<div>v-expansion-panel</div>',
+})
+
+Vue.component('v-expansion-panel-header', {
+    name: 'v-expansion-panel-header',
+    template: '<div>v-expansion-panel-header</div>',
+})
+
+Vue.component('v-expansion-panel-content', {
+    name: 'v-expansion-panel-content',
+    template: '<div>v-expansion-panel-content</div>',
+})
+
+Vue.component('v-tabs', {
+    name: 'v-tabs',
+    template: '<div>v-tabs</div>',
+})
+
+Vue.component('v-tabs-slider', {
+    name: 'v-tabs-slider',
+    template: '<div>v-tabs-slider</div>',
+})
+
+Vue.component('v-tab', {
+    name: 'v-tab',
+    template: '<div>v-tab</div>',
+})
+
+Vue.component('v-tabs-items', {
+    name: 'v-tabs-items',
+    template: '<div>v-tabs-items</div>',
+})
+
+Vue.component('v-tab-item', {
+    name: 'v-tab-item',
+    template: '<div>v-tab-item</div>',
+})
+
+Vue.component('v-select', {
+    name: 'v-select',
+    template: '<div>v-select</div>',
+})
+
+Vue.component('v-autocomplete', {
+    name: 'v-autocomplete',
+    template: '<div>v-autocomplete</div>',
+})
+
+Vue.component('v-switch', {
+    name: 'v-switch',
+    template: '<div>v-switch</div>',
+})
+
+Vue.component('v-divider', {
+    name: 'v-divider',
+    template: '<div>v-divider</div>',
+})
+
+Vue.component('v-progress-circular', {
+    name: 'v-progress-circular',
+    template: '<div>v-progress-circular</div>',
+})
+
+Vue.component('v-treeview', {
+    name: 'v-treeview',
+    template: '<div>v-treeview</div>',
+})

package/test/setup.js

@@ -0,0 +1 @@
+// This file is intentionally left blank.