@vc-shell/framework 1.0.300 → 1.0.302

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

@@ -1 +1 @@
-{"version":3,"file":"useExternalProvider.d.ts","sourceRoot":"","sources":["../../../../shared/components/sign-in/useExternalProvider.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC/B,OAAO,EAAwB,0BAA0B,EAAE,MAAM,4BAA4B,CAAC;AAE9F,MAAM,WAAW,oBAAoB;IACnC,OAAO,EAAE,GAAG,CAAC;QAAE,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;KAAE,CAAC,CAAC;IACpD,MAAM,EAAE,CAAC,kBAAkB,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9D,OAAO,EAAE,CAAC,kBAAkB,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,YAAY,EAAE,MAAM,OAAO,CAAC,0BAA0B,EAAE,GAAG,SAAS,CAAC,CAAC;CACvE;AAID,eAAO,MAAM,mBAAmB,QAAO,oBAgFtC,CAAC"}
+{"version":3,"file":"useExternalProvider.d.ts","sourceRoot":"","sources":["../../../../shared/components/sign-in/useExternalProvider.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC/B,OAAO,EAAwB,0BAA0B,EAAE,MAAM,4BAA4B,CAAC;AAE9F,MAAM,WAAW,oBAAoB;IACnC,OAAO,EAAE,GAAG,CAAC;QAAE,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;KAAE,CAAC,CAAC;IACpD,MAAM,EAAE,CAAC,kBAAkB,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9D,OAAO,EAAE,CAAC,kBAAkB,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,YAAY,EAAE,MAAM,OAAO,CAAC,0BAA0B,EAAE,GAAG,SAAS,CAAC,CAAC;CACvE;AAID,eAAO,MAAM,mBAAmB,QAAO,oBAuFtC,CAAC"}

package/dist/shared/components/theme-selector/theme-selector.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme-selector.vue.d.ts","sourceRoot":"","sources":["../../../../shared/components/theme-selector/theme-selector.vue.ts"],"names":[],"mappings":";AAmJA,wBAKG"}
+{"version":3,"file":"theme-selector.vue.d.ts","sourceRoot":"","sources":["../../../../shared/components/theme-selector/theme-selector.vue.ts"],"names":[],"mappings":";AAsJA,wBAKG"}

package/package.json

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

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

@@ -29,44 +29,51 @@ export const useExternalProvider = (): IUseExternalProvider => {
 
   async function externalSignIn(authenticationType: string, oidcUrl: string) {
     try {
-      let url_ = window.location.origin + "/externalsignin?";
-      const returnUrl = window.location.pathname ?? "/";
+      const origin = window.location.origin;
+      const finalReturnUrl = window.location.pathname ?? getReturnUrlValue() ?? "/";
+
+      if (!authenticationType) {
+        throw new Error("The parameter 'authenticationType' cannot be null or undefined.");
+      }
 
-      const signInData = {
-        providerType: authenticationType,
-      };
+      // const oidcUrlObject = new URL(oidcUrl, origin);
+      // const callbackUrl = new URL("/auth/callback", origin);
+      const url = new URL("/externalsignin", origin);
 
-      externalSignInStorage.value = signInData;
+      // Set query parameters
+      // callbackUrl.searchParams.set("returnUrl", finalReturnUrl);
+      url.searchParams.set("authenticationType", authenticationType);
+      // url.searchParams.set("callbackUrl", callbackUrl.href);
+      url.searchParams.set("returnUrl", finalReturnUrl);
 
-      if (authenticationType === null) throw new Error("The parameter 'authenticationType' cannot be null.");
-      else {
-        if (authenticationType !== undefined)
-          url_ += "authenticationType=" + encodeURIComponent("" + authenticationType) + "&";
-        if (returnUrl !== undefined) url_ += "returnUrl=" + encodeURIComponent("" + returnUrl) + "&";
-      }
-      url_ = url_.replace(/[?&]$/, "");
+      // Store sign-in data
+      externalSignInStorage.value = { providerType: authenticationType };
 
-      window.location.href = url_;
+      console.log("url", url);
+      // Redirect to the constructed URL
+      window.location.assign(url);
     } catch (e) {
       console.error(e);
-
       throw e;
     }
   }
 
   async function externalSignOut(authenticationType: string): Promise<void> {
     try {
-      let url_ = window.location.origin + "/externalsignin/signout?";
+      const origin = window.location.origin;
+      const returnUrl = window.location.pathname ?? "/";
 
-      if (authenticationType !== undefined)
-        url_ += "authenticationType=" + encodeURIComponent("" + authenticationType) + "&";
-      if (window.location.pathname !== undefined)
-        url_ += "returnUrl=" + encodeURIComponent("" + window.location.pathname) + "&";
+      const url = new URL("/externalsignin/signout", origin);
 
-      url_ = url_.replace(/[?&]$/, "");
-      window.location.href = url_;
+      // Set query parameters
+      url.searchParams.set("authenticationType", authenticationType);
+      url.searchParams.set("returnUrl", returnUrl);
 
+      // Clear sign-in data
       externalSignInStorage.value = {};
+
+      // Redirect to the sign-out URL
+      window.location.assign(url);
     } catch (e) {
       console.error(e);
       throw e;

package/shared/components/theme-selector/theme-selector.vue

@@ -15,6 +15,9 @@
           <div
             v-if="opened"
             class="vc-theme-selector__dropdown"
+            :class="{
+              'vc-theme-selector__dropdown--mobile': $isMobile.value,
+            }"
           >
             <div
               v-for="(theme, i) in themes"
@@ -74,6 +77,10 @@ const themeText = computed(() => {
 .vc-theme-selector {
   &__dropdown {
     @apply tw-bg-[color:var(--theme-selector-bg-color)] tw-min-w-20 tw-max-w-max;
+
+    &--mobile {
+      @apply tw-min-w-full tw-max-w-full;
+    }
   }
 
   &__item {

package/ui/components/atoms/vc-tooltip/vc-tooltip.vue

@@ -86,7 +86,7 @@ watch(isOutside, (outside) => {
   }
 
   &__content {
-    @apply tw-absolute tw-z-[100] tw-bg-[color:var(--tooltip-background-color)] tw-border tw-border-solid tw-border-[color:var(--tooltip-border-color)] tw-shadow-lg tw-rounded tw-text-[color:var(--tooltip-text-color)] tw-font-normal tw-py-1 tw-px-2;
+    @apply tw-absolute tw-z-[1001] tw-bg-[color:var(--tooltip-background-color)] tw-border tw-border-solid tw-border-[color:var(--tooltip-border-color)] tw-shadow-lg tw-rounded tw-text-[color:var(--tooltip-text-color)] tw-font-normal tw-py-1 tw-px-2;
   }
 }
 </style>

package/ui/components/organisms/vc-app/_internal/vc-app-bar/vc-app-bar.vue

@@ -131,7 +131,7 @@ watchDebounced(
 }
 
 .vc-app-bar {
-  @apply tw-relative tw-flex tw-items-center tw-justify-between tw-px-4 tw-z-50;
+  @apply tw-relative tw-flex tw-items-center tw-justify-between tw-px-4;
   height: var(--app-bar-height);
   background-color: var(--app-bar-background-color);
   box-shadow: var(--app-bar-shadow);

package/ui/components/organisms/vc-app/_internal/vc-app-menu/vc-app-menu.vue

@@ -175,7 +175,7 @@ defineExpose({
 }
 
 .vc-app-menu {
-  @apply tw-relative tw-w-[var(--app-menu-width)] tw-pt-6 -tw-mr-2 [transition:width_300ms_cubic-bezier(0.2,0,0,1)_0s];
+  @apply tw-relative tw-w-[var(--app-menu-width)] tw-pt-6 -tw-mr-2 [transition:width_300ms_cubic-bezier(0.2,0,0,1)_0s] tw-z-[1001];
 
   &.vc-app-menu--mobile {
     @apply tw-hidden tw-h-full tw-w-full #{!important};

package/dist/external-providers-B0oU_R3n.js

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