@vc-shell/framework 1.0.324 → 1.0.325

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vc-shell/framework",
-  "version": "1.0.324",
+  "version": "1.0.325",
   "type": "module",
   "main": "./dist/framework.js",
   "types": "./dist/index.d.ts",
@@ -59,9 +59,9 @@
   },
   "devDependencies": {
     "@types/dompurify": "^3.0.5",
-    "@vc-shell/api-client-generator": "^1.0.324",
-    "@vc-shell/config-generator": "^1.0.324",
-    "@vc-shell/ts-config": "^1.0.324",
+    "@vc-shell/api-client-generator": "^1.0.325",
+    "@vc-shell/config-generator": "^1.0.325",
+    "@vc-shell/ts-config": "^1.0.325",
     "@vitejs/plugin-vue": "5.0.3",
     "cypress-signalr-mock": "^1.5.0",
     "sass": "^1.69.6",

package/shared/components/sign-in/external-provider.vue

@@ -6,7 +6,7 @@
   >
     <div class="tw-flex tw-flex-row tw-items-center tw-gap-2">
       <VcImage
-        :src="logo"
+        :src="processedLogo"
         class="vc-external-provider__icon"
         size="xxs"
       />{{ displayName }}
@@ -16,15 +16,33 @@
 
 <script lang="ts" setup>
 import { VcButton, VcImage } from "./../../../ui/components";
+import { computed } from "vue";
+
 export interface Props {
-  logo: string;
-  displayName: string;
+  logo: string | undefined;
+  displayName: string | undefined;
+  authenticationType: string | undefined;
 }
 
 export interface Emits {
   (event: "signIn"): void;
 }
 
+const props = defineProps<Props>();
 defineEmits<Emits>();
-defineProps<Props>();
+
+const processedLogo = computed(() => {
+  if (props.logo && !props.logo.startsWith("data:image") && !props.logo.startsWith("http")) {
+    return new URL(props.logo, window.location.origin).toString();
+  }
+  return props.logo;
+});
 </script>
+
+<style lang="scss">
+.vc-external-provider {
+  &__icon {
+    @apply tw-flex-shrink-0;
+  }
+}
+</style>

package/shared/components/sign-in/external-providers.vue

@@ -1,20 +1,21 @@
 <template>
   <div class="tw-flex tw-justify-center tw-mt-4 tw-flex-wrap tw-gap-2">
-    <component
-      :is="loadProviderComponent(provider.authenticationType!)"
+    <ExternalProvider
       v-for="provider in providers"
-      :key="provider"
-      :logo="'/' + provider.logoUrl"
+      :key="provider.authenticationType"
+      :logo="provider.logoUrl"
       :display-name="provider.displayName"
       :authentication-type="provider.authenticationType"
+      @sign-in="signIn(provider.authenticationType)"
     />
   </div>
 </template>
 
 <script setup lang="ts">
-import { defineProps, defineAsyncComponent } from "vue";
-import type { Component, AsyncComponentLoader } from "vue";
+import { defineProps } from "vue";
 import { ExternalSignInProviderInfo } from "../../../core/api/platform";
+import { useExternalProvider } from "./useExternalProvider";
+import { default as ExternalProvider } from "./external-provider.vue";
 
 export interface Props {
   providers: ExternalSignInProviderInfo[];
@@ -22,22 +23,5 @@ export interface Props {
 
 defineProps<Props>();
 
-const components = import.meta.glob("./*.vue");
-
-const loadProviderComponent = (providerName: string): Component | null => {
-  const componentPath = `./${providerName.toLowerCase()}.vue`;
-  const loader: AsyncComponentLoader = components[componentPath];
-
-  if (loader !== undefined) {
-    return defineAsyncComponent({
-      loader,
-      onError(error) {
-        console.error(`Failed to load ${providerName} provider component`, error);
-      },
-    });
-  } else {
-    console.error(`Component for provider "${providerName}" not found at path "${componentPath}"`);
-    return null;
-  }
-};
+const { signIn } = useExternalProvider();
 </script>

package/shared/components/sign-in/useExternalProvider.ts

@@ -4,7 +4,7 @@ import { ExternalSignInClient, ExternalSignInProviderInfo } from "../../../core/
 
 export interface IUseExternalProvider {
   storage: Ref<{ providerType?: string | undefined }>;
-  signIn: (authenticationType: string, oidcUrl: string) => void;
+  signIn: (authenticationType?: string) => void;
   signOut: (authenticationType: string) => void;
   getProviders: () => Promise<ExternalSignInProviderInfo[] | undefined>;
 }
@@ -28,7 +28,7 @@ export const useExternalProvider = (): IUseExternalProvider => {
   }
 
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  async function externalSignIn(authenticationType: string, oidcUrl: string) {
+  async function externalSignIn(authenticationType?: string) {
     try {
       const origin = window.location.origin;
       const finalReturnUrl = window.location.pathname ?? getReturnUrlValue() ?? "/";

package/dist/azuread-Bg158N88.js

@@ -1,22 +0,0 @@
-import { defineComponent as a, openBlock as i, createBlock as r, unref as t } from "vue";
-import { _ as p } from "./external-provider.vue_vue_type_script_setup_true_lang-W0dfYjBn.js";
-import { u as s } from "./index-BdWiIKgo.js";
-const g = /* @__PURE__ */ a({
-  __name: "azuread",
-  props: {
-    logo: {},
-    displayName: {},
-    authenticationType: {}
-  },
-  setup(l) {
-    const { signIn: e } = s();
-    return (o, n) => (i(), r(p, {
-      logo: o.logo,
-      "display-name": o.displayName,
-      onSignIn: n[0] || (n[0] = (m) => t(e)(o.authenticationType, "/signin-oidc"))
-    }, null, 8, ["logo", "display-name"]));
-  }
-});
-export {
-  g as default
-};

package/dist/external-provider-kkhJ5la8.js

@@ -1,4 +0,0 @@
-import { _ as f } from "./external-provider.vue_vue_type_script_setup_true_lang-W0dfYjBn.js";
-export {
-  f as default
-};

package/dist/external-provider.vue_vue_type_script_setup_true_lang-W0dfYjBn.js

@@ -1,34 +0,0 @@
-import { defineComponent as r, openBlock as s, createBlock as n, unref as o, withCtx as i, createElementVNode as a, createVNode as l, createTextVNode as p, toDisplayString as c } from "vue";
-import { _ as m, a as _ } from "./index-BdWiIKgo.js";
-import "vee-validate";
-import "vue-router";
-const d = { class: "tw-flex tw-flex-row tw-items-center tw-gap-2" }, N = /* @__PURE__ */ r({
-  __name: "external-provider",
-  props: {
-    logo: {},
-    displayName: {}
-  },
-  emits: ["signIn"],
-  setup(f) {
-    return (e, t) => (s(), n(o(m), {
-      outline: "",
-      class: "vc-external-provider",
-      onClick: t[0] || (t[0] = (x) => e.$emit("signIn"))
-    }, {
-      default: i(() => [
-        a("div", d, [
-          l(o(_), {
-            src: e.logo,
-            class: "vc-external-provider__icon",
-            size: "xxs"
-          }, null, 8, ["src"]),
-          p(c(e.displayName), 1)
-        ])
-      ]),
-      _: 1
-    }));
-  }
-});
-export {
-  N as _
-};

package/dist/external-providers-Dsrytoru.js

@@ -1,4 +0,0 @@
-import { b as f } from "./index-BdWiIKgo.js";
-export {
-  f as default
-};

package/dist/shared/components/sign-in/azuread.vue.d.ts

@@ -1,17 +0,0 @@
-export interface Props {
-    logo: string;
-    displayName: string;
-    authenticationType: string;
-}
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
-//# sourceMappingURL=azuread.vue.d.ts.map

package/dist/shared/components/sign-in/azuread.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"azuread.vue.d.ts","sourceRoot":"","sources":["../../../../shared/components/sign-in/azuread.vue.ts"],"names":[],"mappings":"AAKA,MAAM,WAAW,KAAK;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,kBAAkB,EAAE,MAAM,CAAC;CAC5B;;AA6DD,wBAMG;AACH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC"}

package/shared/components/sign-in/azuread.vue

@@ -1,24 +0,0 @@
-<template>
-  <ExternalProvider
-    :logo="logo"
-    :display-name="displayName"
-    @sign-in="signIn(authenticationType, '/signin-oidc')"
-  />
-</template>
-
-<script lang="ts" setup>
-import { default as ExternalProvider } from "./external-provider.vue";
-import { useExternalProvider } from "./useExternalProvider";
-
-export interface Props {
-  logo: string;
-  displayName: string;
-  authenticationType: string;
-}
-
-defineProps<Props>();
-
-const { signIn } = useExternalProvider();
-</script>
-
-<style lang="scss" scoped></style>