pukaad-ui-lib 1.434.0 → 1.436.0

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "pukaad-ui-lib",
   "configKey": "pukaadUI",
-  "version": "1.434.0",
+  "version": "1.436.0",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/runtime/assets/css/core.css

@@ -1 +1 @@
-@import "tailwindcss";@import "tw-animate-css";@import "./system.css";@import "./scroll-bar.css";@custom-variant dark (&:is(.dark *));@theme inline{--radius-sm:calc(var(--radius) - 4px);--radius-md:calc(var(--radius) - 2px);--radius-lg:var(--radius);--radius-xl:calc(var(--radius) + 4px);--color-background:var(--background);--color-foreground:var(--foreground);--color-card:var(--card);--color-card-foreground:var(--card-foreground);--color-popover:var(--popover);--color-popover-foreground:var(--popover-foreground);--color-primary-foreground:var(--primary-foreground);--color-secondary-foreground:var(--secondary-foreground);--color-muted:var(--muted);--color-muted-foreground:var(--muted-foreground);--color-accent:var(--accent);--color-accent-foreground:var(--accent-foreground);--color-destructive:var(--destructive);--color-destructive-foreground:var(--destructive-foreground);--color-border:var(--border);--color-input:var(--input);--color-ring:var(--ring);--color-chart-1:var(--chart-1);--color-chart-2:var(--chart-2);--color-chart-3:var(--chart-3);--color-chart-4:var(--chart-4);--color-chart-5:var(--chart-5);--color-sidebar:var(--sidebar);--color-sidebar-foreground:var(--sidebar-foreground);--color-sidebar-primary:var(--sidebar-primary);--color-sidebar-primary-foreground:var(--sidebar-primary-foreground);--color-sidebar-accent:var(--sidebar-accent);--color-sidebar-accent-foreground:var(--sidebar-accent-foreground);--color-sidebar-border:var(--sidebar-border);--color-sidebar-ring:var(--sidebar-ring);--color-red:var(--red);--color-error:var(--error);--color-success:var(--success);--color-green:var(--green);--color-warning:var(--warning);--color-yellow:var(--yellow);--color-pink:var(--pink);--color-primary:var(--primary);--color-secondary:var(--secondary);--color-info:var(--info);--color-info-foreground:var(--info-foreground);--color-black:var(--black);--color-dark:var(--dark);--color-gray:var(--gray);--color-cloud:var(--cloud);--color-mercury:var(--mercury);--color-green-light:var(--green-light);--color-red-light:var(--red-light);--color-yellow-light:var(--yellow-light);--color-bright:var(--bright);--color-silver:var(--silver);--color-smoke:var(--smoke);--z-index-content:10;--z-index-navbar:11;--z-index-dropdown:12;--z-index-overlay:13;--z-index-loading:14;--z-index-drawer:15;--z-index-modal:16;--z-index-toast:100;--z-index-loading-page:101}:root{--radius:0.625rem;--red:#b71c1c;--success:#43a047;--green:#1b5e20;--warning:#f9a825;--yellow:#fbc02d;--info:#e3f2fd;--info-foreground:var(--primary);--black:#212121;--dark:#424242;--gray:#616161;--cloud:#c4c4c4;--mercury:#e0e0e0;--green-light:#e3f5e3;--red-light:#fde3e3;--yellow-light:#fef3c7;--bright:#f5f5f5;--silver:#f7f7f7;--smoke:#fafafa;--white:#fff;--pink:#ffe6f4;--background:var(--white);--foreground:var(--black);--card:var(--background);--card-foreground:var(--foreground);--popover:var(--background);--popover-foreground:var(--foreground);--primary:#1976b8;--primary-foreground:var(--white);--secondary:#22a7ef;--secondary-foreground:var(--white);--muted:oklch(0.97 0 0);--muted-foreground:var(--cloud);--accent:oklch(0.97 0 0);--accent-foreground:oklch(0.205 0 0);--destructive:#d32f2f;--destructive-foreground:var(--white);--border:var(--color-mercury);--input:var(--color-mercury);--ring:var(--mercury);--chart-1:oklch(0.646 0.222 41.116);--chart-2:oklch(0.6 0.118 184.704);--chart-3:oklch(0.398 0.07 227.392);--chart-4:oklch(0.828 0.189 84.429);--chart-5:oklch(0.769 0.188 70.08);--sidebar:oklch(0.985 0 0);--sidebar-foreground:var(--foreground);--sidebar-primary:oklch(0.205 0 0);--sidebar-primary-foreground:oklch(0.985 0 0);--sidebar-accent:oklch(0.97 0 0);--sidebar-accent-foreground:oklch(0.205 0 0);--sidebar-border:var(--color-mercury);--sidebar-ring:var(--color-mercury)}.dark{--background:oklch(0.145 0 0);--foreground:oklch(0.985 0 0);--card:oklch(0.145 0 0);--card-foreground:oklch(0.985 0 0);--popover:oklch(0.145 0 0);--popover-foreground:oklch(0.985 0 0);--primary:oklch(0.985 0 0);--primary-foreground:oklch(0.205 0 0);--secondary:oklch(0.269 0 0);--secondary-foreground:oklch(0.985 0 0);--muted:oklch(0.269 0 0);--muted-foreground:oklch(0.708 0 0);--accent:oklch(0.269 0 0);--accent-foreground:oklch(0.985 0 0);--destructive:oklch(0.396 0.141 25.723);--destructive-foreground:oklch(0.637 0.237 25.331);--border:oklch(0.269 0 0);--input:oklch(0.269 0 0);--ring:oklch(0.439 0 0);--chart-1:oklch(0.488 0.243 264.376);--chart-2:oklch(0.696 0.17 162.48);--chart-3:oklch(0.769 0.188 70.08);--chart-4:oklch(0.627 0.265 303.9);--chart-5:oklch(0.645 0.246 16.439);--sidebar:oklch(0.205 0 0);--sidebar-foreground:oklch(0.985 0 0);--sidebar-primary:oklch(0.488 0.243 264.376);--sidebar-primary-foreground:oklch(0.985 0 0);--sidebar-accent:oklch(0.269 0 0);--sidebar-accent-foreground:oklch(0.985 0 0);--sidebar-border:oklch(0.269 0 0);--sidebar-ring:oklch(0.439 0 0)}@layer base{*{@apply border-border outline-ring/50}body{@apply bg-background text-foreground}}
+@import "tailwindcss";@import "tw-animate-css";@import "./system.css";@import "./scroll-bar.css";@custom-variant dark (&:is(.dark *));@theme inline{--radius-sm:calc(var(--radius) - 4px);--radius-md:calc(var(--radius) - 2px);--radius-lg:var(--radius);--radius-xl:calc(var(--radius) + 4px);--color-background:var(--background);--color-foreground:var(--foreground);--color-card:var(--card);--color-card-foreground:var(--card-foreground);--color-popover:var(--popover);--color-popover-foreground:var(--popover-foreground);--color-primary-foreground:var(--primary-foreground);--color-secondary-foreground:var(--secondary-foreground);--color-muted:var(--muted);--color-muted-foreground:var(--muted-foreground);--color-accent:var(--accent);--color-accent-foreground:var(--accent-foreground);--color-destructive:var(--destructive);--color-destructive-foreground:var(--destructive-foreground);--color-border:var(--border);--color-input:var(--input);--color-ring:var(--ring);--color-chart-1:var(--chart-1);--color-chart-2:var(--chart-2);--color-chart-3:var(--chart-3);--color-chart-4:var(--chart-4);--color-chart-5:var(--chart-5);--color-sidebar:var(--sidebar);--color-sidebar-foreground:var(--sidebar-foreground);--color-sidebar-primary:var(--sidebar-primary);--color-sidebar-primary-foreground:var(--sidebar-primary-foreground);--color-sidebar-accent:var(--sidebar-accent);--color-sidebar-accent-foreground:var(--sidebar-accent-foreground);--color-sidebar-border:var(--sidebar-border);--color-sidebar-ring:var(--sidebar-ring);--color-red:var(--red);--color-error:var(--error);--color-success:var(--success);--color-green:var(--green);--color-warning:var(--warning);--color-yellow:var(--yellow);--color-pink:var(--pink);--color-primary:var(--primary);--color-secondary:var(--secondary);--color-info:var(--info);--color-info-foreground:var(--info-foreground);--color-black:var(--black);--color-dark:var(--dark);--color-gray:var(--gray);--color-cloud:var(--cloud);--color-mercury:var(--mercury);--color-green-light:var(--green-light);--color-red-light:var(--red-light);--color-yellow-light:var(--yellow-light);--color-bright:var(--bright);--color-silver:var(--silver);--color-smoke:var(--smoke);--color-orange:var(--orange);--color-orange-info:var(--orange-info);--z-index-content:10;--z-index-navbar:11;--z-index-dropdown:12;--z-index-overlay:13;--z-index-loading:14;--z-index-drawer:15;--z-index-modal:16;--z-index-toast:100;--z-index-loading-page:101}:root{--radius:0.625rem;--red:#b71c1c;--success:#43a047;--green:#1b5e20;--warning:#f9a825;--yellow:#fbc02d;--info:#e3f2fd;--info-foreground:var(--primary);--black:#212121;--dark:#424242;--gray:#616161;--cloud:#c4c4c4;--mercury:#e0e0e0;--green-light:#e3f5e3;--red-light:#fde3e3;--yellow-light:#fef3c7;--bright:#f5f5f5;--silver:#f7f7f7;--smoke:#fafafa;--white:#fff;--pink:#ffe6f4;--orange:#ed4d2d;--orange-info:#ffdac3;--background:var(--white);--foreground:var(--black);--card:var(--background);--card-foreground:var(--foreground);--popover:var(--background);--popover-foreground:var(--foreground);--primary:#1976b8;--primary-foreground:var(--white);--secondary:#22a7ef;--secondary-foreground:var(--white);--muted:oklch(0.97 0 0);--muted-foreground:var(--cloud);--accent:oklch(0.97 0 0);--accent-foreground:oklch(0.205 0 0);--destructive:#d32f2f;--destructive-foreground:var(--white);--border:var(--color-mercury);--input:var(--color-mercury);--ring:var(--mercury);--chart-1:oklch(0.646 0.222 41.116);--chart-2:oklch(0.6 0.118 184.704);--chart-3:oklch(0.398 0.07 227.392);--chart-4:oklch(0.828 0.189 84.429);--chart-5:oklch(0.769 0.188 70.08);--sidebar:oklch(0.985 0 0);--sidebar-foreground:var(--foreground);--sidebar-primary:oklch(0.205 0 0);--sidebar-primary-foreground:oklch(0.985 0 0);--sidebar-accent:oklch(0.97 0 0);--sidebar-accent-foreground:oklch(0.205 0 0);--sidebar-border:var(--color-mercury);--sidebar-ring:var(--color-mercury)}.dark{--background:oklch(0.145 0 0);--foreground:oklch(0.985 0 0);--card:oklch(0.145 0 0);--card-foreground:oklch(0.985 0 0);--popover:oklch(0.145 0 0);--popover-foreground:oklch(0.985 0 0);--primary:oklch(0.985 0 0);--primary-foreground:oklch(0.205 0 0);--secondary:oklch(0.269 0 0);--secondary-foreground:oklch(0.985 0 0);--muted:oklch(0.269 0 0);--muted-foreground:oklch(0.708 0 0);--accent:oklch(0.269 0 0);--accent-foreground:oklch(0.985 0 0);--destructive:oklch(0.396 0.141 25.723);--destructive-foreground:oklch(0.637 0.237 25.331);--border:oklch(0.269 0 0);--input:oklch(0.269 0 0);--ring:oklch(0.439 0 0);--chart-1:oklch(0.488 0.243 264.376);--chart-2:oklch(0.696 0.17 162.48);--chart-3:oklch(0.769 0.188 70.08);--chart-4:oklch(0.627 0.265 303.9);--chart-5:oklch(0.645 0.246 16.439);--sidebar:oklch(0.205 0 0);--sidebar-foreground:oklch(0.985 0 0);--sidebar-primary:oklch(0.488 0.243 264.376);--sidebar-primary-foreground:oklch(0.985 0 0);--sidebar-accent:oklch(0.269 0 0);--sidebar-accent-foreground:oklch(0.985 0 0);--sidebar-border:oklch(0.269 0 0);--sidebar-ring:oklch(0.439 0 0)}@layer base{*{@apply border-border outline-ring/50}body{@apply bg-background text-foreground}}

package/dist/runtime/components/chat/chat-conversation-item.d.vue.ts

@@ -27,12 +27,12 @@ declare const __VLS_export: import("vue").DefineComponent<ChatConversationItemPr
     avatar: string | null;
     muted: boolean;
     disabledMenu: boolean;
+    unreadCount: number;
+    pinned: boolean;
     preview: string;
     to: string;
     active: boolean;
     typing: boolean;
-    unreadCount: number;
-    pinned: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/chat/chat-conversation-item.vue.d.ts

@@ -27,12 +27,12 @@ declare const __VLS_export: import("vue").DefineComponent<ChatConversationItemPr
     avatar: string | null;
     muted: boolean;
     disabledMenu: boolean;
+    unreadCount: number;
+    pinned: boolean;
     preview: string;
     to: string;
     active: boolean;
     typing: boolean;
-    unreadCount: number;
-    pinned: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/chip.d.vue.ts

@@ -1,5 +1,7 @@
-type ChipColor = "default" | "primary" | "success" | "warning" | "error" | "bright" | "outline";
-interface ChipProps {
+import type { HTMLAttributes } from "vue";
+export type ChipColor = "default" | "primary" | "success" | "warning" | "orange" | "gray" | "error" | "bright" | "outline";
+export interface ChipProps {
+    class?: HTMLAttributes["class"];
     color?: ChipColor;
     closable?: boolean;
 }

package/dist/runtime/components/chip.vue

@@ -1,5 +1,5 @@
 <template>
-  <Badge :variant="variant" class="gap-1">
+  <Badge :variant="variant" :class="['gap-1', props.class]">
     <slot name="default" />
     <div
       v-if="props.closable"
@@ -16,6 +16,7 @@ import { computed } from "vue";
 import Badge from "#pukaad-ui/runtime/components/ui/badge/Badge.vue";
 const emit = defineEmits(["closable"]);
 const props = defineProps({
+  class: { type: null, required: false },
   color: { type: String, required: false, default: "default" },
   closable: { type: Boolean, required: false, default: false }
 });
@@ -25,10 +26,12 @@ const variant = computed(() => {
     primary: "primary",
     success: "success",
     warning: "warning",
+    orange: "orange",
+    gray: "gray",
     error: "destructive",
     bright: "bright",
     outline: "outline"
   };
-  return colorToVariant[props.color];
+  return colorToVariant[props.color] || "default";
 });
 </script>

package/dist/runtime/components/chip.vue.d.ts

@@ -1,5 +1,7 @@
-type ChipColor = "default" | "primary" | "success" | "warning" | "error" | "bright" | "outline";
-interface ChipProps {
+import type { HTMLAttributes } from "vue";
+export type ChipColor = "default" | "primary" | "success" | "warning" | "orange" | "gray" | "error" | "bright" | "outline";
+export interface ChipProps {
+    class?: HTMLAttributes["class"];
     color?: ChipColor;
     closable?: boolean;
 }

package/dist/runtime/components/input/input-autocomplete.d.vue.ts

@@ -69,9 +69,9 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     name: string;
     required: boolean;
     description: string;
-    options: AutocompleteOption[] | string[] | number[];
     labelKey: string;
     placeholder: string;
+    options: AutocompleteOption[] | string[] | number[];
     limit: number;
     disabledErrorMessage: boolean;
     disabledBorder: boolean;

package/dist/runtime/components/input/input-autocomplete.vue.d.ts

@@ -69,9 +69,9 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     name: string;
     required: boolean;
     description: string;
-    options: AutocompleteOption[] | string[] | number[];
     labelKey: string;
     placeholder: string;
+    options: AutocompleteOption[] | string[] | number[];
     limit: number;
     disabledErrorMessage: boolean;
     disabledBorder: boolean;

package/dist/runtime/components/input/input-birth-date.d.vue.ts

@@ -30,9 +30,9 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     id: string;
     name: string;
     required: boolean;
-    layout: "month-and-year" | "month-only" | "year-only";
     locale: string;
     placeholder: string;
+    layout: "month-and-year" | "month-only" | "year-only";
     disabledErrorMessage: boolean;
     dateFormat: string;
     minAge: number;

package/dist/runtime/components/input/input-birth-date.vue.d.ts

@@ -30,9 +30,9 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     id: string;
     name: string;
     required: boolean;
-    layout: "month-and-year" | "month-only" | "year-only";
     locale: string;
     placeholder: string;
+    layout: "month-and-year" | "month-only" | "year-only";
     disabledErrorMessage: boolean;
     dateFormat: string;
     minAge: number;

package/dist/runtime/components/input/input-date-picker.d.vue.ts

@@ -44,9 +44,9 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     id: string;
     name: string;
     required: boolean;
-    layout: "month-and-year" | "month-only" | "year-only";
     locale: string;
     placeholder: string;
+    layout: "month-and-year" | "month-only" | "year-only";
     disabledErrorMessage: boolean;
     dateFormat: string;
     showTime: boolean;

package/dist/runtime/components/input/input-date-picker.vue.d.ts

@@ -44,9 +44,9 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     id: string;
     name: string;
     required: boolean;
-    layout: "month-and-year" | "month-only" | "year-only";
     locale: string;
     placeholder: string;
+    layout: "month-and-year" | "month-only" | "year-only";
     disabledErrorMessage: boolean;
     dateFormat: string;
     showTime: boolean;

package/dist/runtime/components/input/input-localized-name.d.vue.ts

@@ -11,8 +11,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     label: string;
     name: string;
     modelValue: LocalizedNameItem[];
-    options: InputSelectItem[];
     placeholder: string;
+    options: InputSelectItem[];
     limit: number;
     showCounter: boolean;
     addLabel: string;

package/dist/runtime/components/input/input-localized-name.vue.d.ts

@@ -11,8 +11,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     label: string;
     name: string;
     modelValue: LocalizedNameItem[];
-    options: InputSelectItem[];
     placeholder: string;
+    options: InputSelectItem[];
     limit: number;
     showCounter: boolean;
     addLabel: string;

package/dist/runtime/components/input/input-tag-modal.d.vue.ts

@@ -40,9 +40,9 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     id: string;
     name: string;
     required: boolean;
-    options: InputTagModalOption[];
     labelKey: string;
     placeholder: string;
+    options: InputTagModalOption[];
     disabledErrorMessage: boolean;
     valueKey: string;
     searchPlaceholder: string;

package/dist/runtime/components/input/input-tag-modal.vue.d.ts

@@ -40,9 +40,9 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     id: string;
     name: string;
     required: boolean;
-    options: InputTagModalOption[];
     labelKey: string;
     placeholder: string;
+    options: InputTagModalOption[];
     disabledErrorMessage: boolean;
     valueKey: string;
     searchPlaceholder: string;

package/dist/runtime/components/input/input-tag.d.vue.ts

@@ -26,8 +26,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     "onUpdate:modelValue"?: ((value: SelectedTag[]) => any) | undefined;
 }>, {
     name: string;
-    state: "user" | "admin";
     placeholder: string;
+    state: "user" | "admin";
     limit: number;
     profileScope: "personal" | "business";
     ignore: string[];

package/dist/runtime/components/input/input-tag.vue.d.ts

@@ -26,8 +26,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     "onUpdate:modelValue"?: ((value: SelectedTag[]) => any) | undefined;
 }>, {
     name: string;
-    state: "user" | "admin";
     placeholder: string;
+    state: "user" | "admin";
     limit: number;
     profileScope: "personal" | "business";
     ignore: string[];

package/dist/runtime/components/ui/badge/index.d.ts

@@ -1,6 +1,6 @@
 import type { VariantProps } from "class-variance-authority";
 export { default as Badge } from "./Badge.vue.js";
 export declare const badgeVariants: (props?: ({
-    variant?: "default" | "outline" | "primary" | "secondary" | "destructive" | "warning" | "success" | "bright" | null | undefined;
+    variant?: "default" | "outline" | "primary" | "secondary" | "destructive" | "warning" | "success" | "bright" | "orange" | "gray" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export type BadgeVariants = VariantProps<typeof badgeVariants>;

package/dist/runtime/components/ui/badge/index.js

@@ -12,6 +12,8 @@ export const badgeVariants = cva(
         success: "border-transparent bg-success text-white [a&]:hover:bg-success/90",
         warning: "border-warning bg-warning text-white [a&]:hover:bg-warning/80",
         bright: "border-transparent bg-bright text-bright-foreground [a&]:hover:bg-bright/90",
+        orange: "border-transparent bg-orange text-white [a&]:hover:bg-orange/90",
+        gray: "border-transparent bg-gray text-white [a&]:hover:bg-gray/90",
         outline: "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground "
       }
     },

package/dist/runtime/composables/useSso.d.ts

@@ -0,0 +1,15 @@
+export interface SsoSessionState {
+    reachable: boolean;
+    secId: string | null;
+}
+export interface SsoSyncResult {
+    secId: string | null;
+    changed: boolean;
+}
+export declare function useSso(): {
+    readSession: () => Promise<SsoSessionState>;
+    saveSession: (secId: string) => Promise<boolean>;
+    clearSession: () => Promise<boolean>;
+    revokeToken: (secId: string) => Promise<void>;
+    syncSession: (localSecId: string | null | undefined, isValid: (secId: string) => Promise<boolean>) => Promise<SsoSyncResult>;
+};

package/dist/runtime/composables/useSso.js

@@ -0,0 +1,85 @@
+import { useRuntimeConfig } from "#imports";
+import { useEventListener, useTimeoutFn } from "@vueuse/core";
+const SSO_TIMEOUT_MS = 3e3;
+const toOrigin = (url) => {
+  try {
+    return new URL(url).origin;
+  } catch {
+    return "";
+  }
+};
+export function useSso() {
+  const { BASE_URL_SSO, BASE_URL_API } = useRuntimeConfig().public;
+  const ssoBase = String(BASE_URL_SSO || "").replace(/\/+$/, "");
+  const apiBase = String(BASE_URL_API || "").replace(/\/+$/, "");
+  const ssoOrigin = toOrigin(ssoBase);
+  const request = (path, message, expect) => {
+    if (typeof window === "undefined" || typeof document === "undefined" || !ssoOrigin) {
+      return Promise.resolve(null);
+    }
+    return new Promise((resolve) => {
+      const iframe = document.createElement("iframe");
+      iframe.style.display = "none";
+      iframe.src = `${ssoBase}/${path}`;
+      const finish = (value) => {
+        stopTimeout();
+        stopMessage();
+        stopLoad();
+        iframe.remove();
+        resolve(value);
+      };
+      const { stop: stopTimeout } = useTimeoutFn(() => finish(null), SSO_TIMEOUT_MS);
+      const stopMessage = useEventListener(window, "message", (event) => {
+        if (event.origin !== ssoOrigin) return;
+        if (event.source !== iframe.contentWindow) return;
+        if (event.data?.type !== expect) return;
+        finish(event.data);
+      });
+      const stopLoad = useEventListener(iframe, "load", () => {
+        iframe.contentWindow?.postMessage(message, ssoOrigin);
+      });
+      document.body.appendChild(iframe);
+    });
+  };
+  const readSession = async () => {
+    const res = await request("me", { type: "SSO_GET" }, "SSO_ME");
+    if (!res) return { reachable: false, secId: null };
+    return { reachable: true, secId: res.SEC_ID || null };
+  };
+  const saveSession = async (secId) => {
+    if (!secId) return false;
+    const res = await request("login", { type: "SSO_SET", SEC_ID: secId }, "SSO_SAVED");
+    return !!res;
+  };
+  const clearSession = async () => {
+    const res = await request("logout", { type: "SSO_CLEAR" }, "SSO_CLEARED");
+    return !!res;
+  };
+  const revokeToken = async (secId) => {
+    if (!secId || !apiBase) return;
+    try {
+      await $fetch(`${apiBase}/auth/logout`, {
+        method: "GET",
+        headers: { Authorization: `Bearer ${secId}` }
+      });
+    } catch {
+      return;
+    }
+  };
+  const syncSession = async (localSecId, isValid) => {
+    const local = localSecId || null;
+    const sso = await readSession();
+    if (!sso.reachable) return { secId: local, changed: false };
+    if (sso.secId) {
+      if (local && local !== sso.secId) void revokeToken(local);
+      return { secId: sso.secId, changed: local !== sso.secId };
+    }
+    if (!local) return { secId: null, changed: false };
+    if (await isValid(local)) {
+      await saveSession(local);
+      return { secId: local, changed: false };
+    }
+    return { secId: null, changed: true };
+  };
+  return { readSession, saveSession, clearSession, revokeToken, syncSession };
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pukaad-ui-lib",
-  "version": "1.434.0",
+  "version": "1.436.0",
   "description": "pukaad-ui for MeMSG",
   "repository": {
     "type": "git",