@nr1e/qwik-ui 2.1.2 → 2.1.4

package/lib/components/button.qwik.cjs

@@ -6,8 +6,6 @@ const qwikIcons = require("@nr1e/qwik-icons");
 const Button = qwik.component$((props) => {
   const { icon, iconSize, iconClass, text, processing, disabled, type, onClick$, class: className, children, ...buttonProps } = props;
   const isDisabled = processing || disabled;
-  const displayIcon = processing ? qwikIcons.SpinnersBarsFade : icon;
-  const displayIconClass = processing ? "animate-spin" : iconClass;
   return /* @__PURE__ */ jsxRuntime.jsxs("button", {
     class: `btn ${isDisabled ? "disabled" : ""} ${className ?? ""}`,
     disabled: isDisabled,
@@ -15,16 +13,18 @@ const Button = qwik.component$((props) => {
     onClick$: !isDisabled && onClick$ ? onClick$ : void 0,
     ...buttonProps,
     children: [
-      /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {
-        children: displayIcon ? /* @__PURE__ */ jsxRuntime.jsx("span", {
-          class: displayIconClass,
-          children: /* @__PURE__ */ jsxRuntime.jsx("displayIcon", {
-            size: iconSize ?? 18
-          })
-        }) : /* @__PURE__ */ jsxRuntime.jsx("span", {
-          class: displayIconClass,
-          "q:slot": "icon"
+      processing ? /* @__PURE__ */ jsxRuntime.jsx("span", {
+        class: "animate-spin",
+        children: /* @__PURE__ */ jsxRuntime.jsx(qwikIcons.SpinnersBarsFade, {
+          size: iconSize ?? 18
         })
+      }) : props.icon ? /* @__PURE__ */ jsxRuntime.jsx("span", {
+        class: props.iconClass,
+        children: /* @__PURE__ */ jsxRuntime.jsx(props.icon, {
+          size: iconSize ?? 18
+        })
+      }) : /* @__PURE__ */ jsxRuntime.jsx(qwik.Slot, {
+        name: "icon"
       }),
       text ? text : /* @__PURE__ */ jsxRuntime.jsx(qwik.Slot, {})
     ]

package/lib/components/button.qwik.mjs

@@ -1,11 +1,9 @@
-import { jsxs, jsx, Fragment } from "@builder.io/qwik/jsx-runtime";
+import { jsxs, jsx } from "@builder.io/qwik/jsx-runtime";
 import { component$, Slot } from "@builder.io/qwik";
 import { SpinnersBarsFade } from "@nr1e/qwik-icons";
 const Button = component$((props) => {
   const { icon, iconSize, iconClass, text, processing, disabled, type, onClick$, class: className, children, ...buttonProps } = props;
   const isDisabled = processing || disabled;
-  const displayIcon = processing ? SpinnersBarsFade : icon;
-  const displayIconClass = processing ? "animate-spin" : iconClass;
   return /* @__PURE__ */ jsxs("button", {
     class: `btn ${isDisabled ? "disabled" : ""} ${className ?? ""}`,
     disabled: isDisabled,
@@ -13,16 +11,18 @@ const Button = component$((props) => {
     onClick$: !isDisabled && onClick$ ? onClick$ : void 0,
     ...buttonProps,
     children: [
-      /* @__PURE__ */ jsx(Fragment, {
-        children: displayIcon ? /* @__PURE__ */ jsx("span", {
-          class: displayIconClass,
-          children: /* @__PURE__ */ jsx("displayIcon", {
-            size: iconSize ?? 18
-          })
-        }) : /* @__PURE__ */ jsx("span", {
-          class: displayIconClass,
-          "q:slot": "icon"
+      processing ? /* @__PURE__ */ jsx("span", {
+        class: "animate-spin",
+        children: /* @__PURE__ */ jsx(SpinnersBarsFade, {
+          size: iconSize ?? 18
         })
+      }) : props.icon ? /* @__PURE__ */ jsx("span", {
+        class: props.iconClass,
+        children: /* @__PURE__ */ jsx(props.icon, {
+          size: iconSize ?? 18
+        })
+      }) : /* @__PURE__ */ jsx(Slot, {
+        name: "icon"
       }),
       text ? text : /* @__PURE__ */ jsx(Slot, {})
     ]

package/lib/components/dialog.qwik.cjs

@@ -56,6 +56,9 @@ const Dialog = qwik.component$((props) => {
             size: 24
           })
         }),
+        /* @__PURE__ */ jsxRuntime.jsx(qwik.Slot, {
+          name: "title"
+        }),
         props.title && /* @__PURE__ */ jsxRuntime.jsx("div", {
           class: "text-lg font-bold",
           children: props.title

package/lib/components/dialog.qwik.mjs

@@ -54,6 +54,9 @@ const Dialog = component$((props) => {
             size: 24
           })
         }),
+        /* @__PURE__ */ jsx(Slot, {
+          name: "title"
+        }),
         props.title && /* @__PURE__ */ jsx("div", {
           class: "text-lg font-bold",
           children: props.title

package/lib/components/format-date-time.qwik.cjs

@@ -27,7 +27,14 @@ const FormatDateTime = qwik.component$((props) => {
           timeZone = null;
         }
       }
-      date.value = formatDateTime(props.date, timeZone ?? void 0, props.locale ?? void 0);
+      let locale = props.locale;
+      if (!props.locale) {
+        locale = localStorage.getItem("locale");
+        if (!locale || locale === "auto") {
+          locale = void 0;
+        }
+      }
+      date.value = formatDateTime(props.date, timeZone ?? void 0, locale ?? void 0);
     }
   });
   return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {

package/lib/components/format-date-time.qwik.mjs

@@ -25,7 +25,14 @@ const FormatDateTime = component$((props) => {
           timeZone = null;
         }
       }
-      date.value = formatDateTime(props.date, timeZone ?? void 0, props.locale ?? void 0);
+      let locale = props.locale;
+      if (!props.locale) {
+        locale = localStorage.getItem("locale");
+        if (!locale || locale === "auto") {
+          locale = void 0;
+        }
+      }
+      date.value = formatDateTime(props.date, timeZone ?? void 0, locale ?? void 0);
     }
   });
   return /* @__PURE__ */ jsx(Fragment, {

package/lib/components/format-date.qwik.cjs

@@ -23,7 +23,14 @@ const FormatDate = qwik.component$((props) => {
           timeZone = null;
         }
       }
-      date.value = formatDate(props.date, timeZone ?? void 0, props.locale ?? void 0);
+      let locale = props.locale;
+      if (!props.locale) {
+        locale = localStorage.getItem("locale");
+        if (!locale || locale === "auto") {
+          locale = void 0;
+        }
+      }
+      date.value = formatDate(props.date, timeZone ?? void 0, locale ?? void 0);
     }
   });
   return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {

package/lib/components/format-date.qwik.mjs

@@ -21,7 +21,14 @@ const FormatDate = component$((props) => {
           timeZone = null;
         }
       }
-      date.value = formatDate(props.date, timeZone ?? void 0, props.locale ?? void 0);
+      let locale = props.locale;
+      if (!props.locale) {
+        locale = localStorage.getItem("locale");
+        if (!locale || locale === "auto") {
+          locale = void 0;
+        }
+      }
+      date.value = formatDate(props.date, timeZone ?? void 0, locale ?? void 0);
     }
   });
   return /* @__PURE__ */ jsx(Fragment, {

package/lib/components/locale-selector.qwik.cjs

@@ -0,0 +1,109 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@builder.io/qwik/jsx-runtime");
+const qwik = require("@builder.io/qwik");
+const qwikIcons = require("@nr1e/qwik-icons");
+const messages = require("../paraglide/messages.qwik.cjs");
+const runtime = require("../paraglide/runtime.qwik.cjs");
+function toParaglideLocale(locale) {
+  const baseCode = locale.split("-")[0]?.toLowerCase();
+  const validBaseCodes = [
+    ...new Set(runtime.locales.map((l) => l.split("-")[0].toLowerCase()))
+  ];
+  if (validBaseCodes.includes(baseCode)) {
+    return baseCode;
+  }
+  return "en";
+}
+function localeToName(locale, displayLocale) {
+  const messageKey = locale.replace(/-/g, "_");
+  const m = messages;
+  if (messageKey in m && typeof m[messageKey] === "function") {
+    if (displayLocale) {
+      return m[messageKey]({}, {
+        locale: displayLocale
+      });
+    }
+    return m[messageKey]();
+  }
+  return locale;
+}
+const LOCALES = [
+  "auto",
+  "af",
+  "ar",
+  "en",
+  "en-GB",
+  "en-US",
+  "en-ZA",
+  "es",
+  "es-US",
+  "fr",
+  "fr-CA",
+  "fr-FR"
+];
+const LocaleSelector = qwik.component$((props) => {
+  const currentLocale = qwik.useSignal(void 0);
+  const displayLocale = qwik.useSignal("en");
+  const onValueChange = props?.onValueChange$;
+  qwik.useVisibleTask$(() => {
+    const savedLocale = localStorage.getItem("locale");
+    currentLocale.value = savedLocale ?? "auto";
+    displayLocale.value = toParaglideLocale(savedLocale ?? "auto");
+  });
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", {
+    class: "dropdown",
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("button", {
+        role: "button",
+        tabIndex: 0,
+        class: "btn m-1",
+        children: [
+          currentLocale.value !== void 0 ? localeToName(currentLocale.value, displayLocale.value) : /* @__PURE__ */ jsxRuntime.jsx(qwikIcons.SpinnersBarsRotateFade, {
+            size: 18
+          }),
+          /* @__PURE__ */ jsxRuntime.jsx(qwikIcons.MdiChevronDown, {
+            size: 16,
+            class: "fill-current opacity-60"
+          })
+        ]
+      }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", {
+        tabIndex: 0,
+        class: "dropdown-content card bg-base-100 z-1 shadow-md",
+        children: /* @__PURE__ */ jsxRuntime.jsx("div", {
+          class: "card-body rounded-box z-1",
+          children: /* @__PURE__ */ jsxRuntime.jsx("div", {
+            class: "grid min-w-50 grid-cols-1 gap-2 p-2 sm:min-w-100 sm:grid-cols-2 lg:min-w-150 lg:grid-cols-3",
+            children: (props?.locales ?? LOCALES).map((locale) => /* @__PURE__ */ jsxRuntime.jsx("input", {
+              type: "radio",
+              name: "locale-dropdown",
+              class: "btn btn-sm btn-ghost justify-start",
+              "aria-label": localeToName(locale, displayLocale.value),
+              value: locale,
+              checked: locale === (currentLocale.value ?? "auto"),
+              onChange$: () => {
+                currentLocale.value = locale;
+                displayLocale.value = toParaglideLocale(locale);
+                if (locale === "auto") {
+                  localStorage.removeItem("locale");
+                } else {
+                  localStorage.setItem("locale", locale);
+                }
+                if (onValueChange) {
+                  onValueChange(locale);
+                }
+                const activeElement = document.activeElement;
+                if (activeElement) {
+                  activeElement.blur();
+                }
+              }
+            }, locale))
+          })
+        })
+      })
+    ]
+  });
+});
+exports.LocaleSelector = LocaleSelector;
+exports.localeToName = localeToName;

package/lib/components/locale-selector.qwik.mjs

@@ -0,0 +1,109 @@
+import { jsxs, jsx } from "@builder.io/qwik/jsx-runtime";
+import { component$, useSignal, useVisibleTask$ } from "@builder.io/qwik";
+import { SpinnersBarsRotateFade, MdiChevronDown } from "@nr1e/qwik-icons";
+import * as messages from "../paraglide/messages.qwik.mjs";
+import { locales } from "../paraglide/runtime.qwik.mjs";
+function toParaglideLocale(locale) {
+  const baseCode = locale.split("-")[0]?.toLowerCase();
+  const validBaseCodes = [
+    ...new Set(locales.map((l) => l.split("-")[0].toLowerCase()))
+  ];
+  if (validBaseCodes.includes(baseCode)) {
+    return baseCode;
+  }
+  return "en";
+}
+function localeToName(locale, displayLocale) {
+  const messageKey = locale.replace(/-/g, "_");
+  const m = messages;
+  if (messageKey in m && typeof m[messageKey] === "function") {
+    if (displayLocale) {
+      return m[messageKey]({}, {
+        locale: displayLocale
+      });
+    }
+    return m[messageKey]();
+  }
+  return locale;
+}
+const LOCALES = [
+  "auto",
+  "af",
+  "ar",
+  "en",
+  "en-GB",
+  "en-US",
+  "en-ZA",
+  "es",
+  "es-US",
+  "fr",
+  "fr-CA",
+  "fr-FR"
+];
+const LocaleSelector = component$((props) => {
+  const currentLocale = useSignal(void 0);
+  const displayLocale = useSignal("en");
+  const onValueChange = props?.onValueChange$;
+  useVisibleTask$(() => {
+    const savedLocale = localStorage.getItem("locale");
+    currentLocale.value = savedLocale ?? "auto";
+    displayLocale.value = toParaglideLocale(savedLocale ?? "auto");
+  });
+  return /* @__PURE__ */ jsxs("div", {
+    class: "dropdown",
+    children: [
+      /* @__PURE__ */ jsxs("button", {
+        role: "button",
+        tabIndex: 0,
+        class: "btn m-1",
+        children: [
+          currentLocale.value !== void 0 ? localeToName(currentLocale.value, displayLocale.value) : /* @__PURE__ */ jsx(SpinnersBarsRotateFade, {
+            size: 18
+          }),
+          /* @__PURE__ */ jsx(MdiChevronDown, {
+            size: 16,
+            class: "fill-current opacity-60"
+          })
+        ]
+      }),
+      /* @__PURE__ */ jsx("div", {
+        tabIndex: 0,
+        class: "dropdown-content card bg-base-100 z-1 shadow-md",
+        children: /* @__PURE__ */ jsx("div", {
+          class: "card-body rounded-box z-1",
+          children: /* @__PURE__ */ jsx("div", {
+            class: "grid min-w-50 grid-cols-1 gap-2 p-2 sm:min-w-100 sm:grid-cols-2 lg:min-w-150 lg:grid-cols-3",
+            children: (props?.locales ?? LOCALES).map((locale) => /* @__PURE__ */ jsx("input", {
+              type: "radio",
+              name: "locale-dropdown",
+              class: "btn btn-sm btn-ghost justify-start",
+              "aria-label": localeToName(locale, displayLocale.value),
+              value: locale,
+              checked: locale === (currentLocale.value ?? "auto"),
+              onChange$: () => {
+                currentLocale.value = locale;
+                displayLocale.value = toParaglideLocale(locale);
+                if (locale === "auto") {
+                  localStorage.removeItem("locale");
+                } else {
+                  localStorage.setItem("locale", locale);
+                }
+                if (onValueChange) {
+                  onValueChange(locale);
+                }
+                const activeElement = document.activeElement;
+                if (activeElement) {
+                  activeElement.blur();
+                }
+              }
+            }, locale))
+          })
+        })
+      })
+    ]
+  });
+});
+export {
+  LocaleSelector,
+  localeToName
+};

package/lib/components/radio-field.qwik.cjs

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@builder.io/qwik/jsx-runtime");
+const qwik = require("@builder.io/qwik");
+const RadioField = qwik.component$((props) => {
+  const { label, error, id, class: className, ...inputProps } = props;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", {
+    class: "fieldset",
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("label", {
+        class: "label",
+        for: id,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("input", {
+            type: "radio",
+            id,
+            class: `radio ${error ? "radio-error" : ""} ${className ?? ""}`,
+            ...inputProps
+          }),
+          label
+        ]
+      }),
+      error && /* @__PURE__ */ jsxRuntime.jsx("div", {
+        class: "text-error mt-1 text-xs",
+        children: error
+      })
+    ]
+  });
+});
+exports.RadioField = RadioField;

package/lib/components/radio-field.qwik.mjs

@@ -0,0 +1,30 @@
+import { jsxs, jsx } from "@builder.io/qwik/jsx-runtime";
+import { component$ } from "@builder.io/qwik";
+const RadioField = component$((props) => {
+  const { label, error, id, class: className, ...inputProps } = props;
+  return /* @__PURE__ */ jsxs("div", {
+    class: "fieldset",
+    children: [
+      /* @__PURE__ */ jsxs("label", {
+        class: "label",
+        for: id,
+        children: [
+          /* @__PURE__ */ jsx("input", {
+            type: "radio",
+            id,
+            class: `radio ${error ? "radio-error" : ""} ${className ?? ""}`,
+            ...inputProps
+          }),
+          label
+        ]
+      }),
+      error && /* @__PURE__ */ jsx("div", {
+        class: "text-error mt-1 text-xs",
+        children: error
+      })
+    ]
+  });
+});
+export {
+  RadioField
+};

package/lib/components/session-watcher.qwik.cjs

@@ -0,0 +1,105 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@builder.io/qwik/jsx-runtime");
+const qwik = require("@builder.io/qwik");
+const qwikIcons = require("@nr1e/qwik-icons");
+const button = require("./button.qwik.cjs");
+const dialog = require("./dialog.qwik.cjs");
+const timer = require("./timer.qwik.cjs");
+const SessionWatcher = qwik.component$((props) => {
+  const dialogOpen = qwik.useSignal(false);
+  const countdownSeconds = qwik.useSignal(0);
+  qwik.useVisibleTask$(({ track, cleanup }) => {
+    track(() => dialogOpen.value);
+    if (dialogOpen.value) {
+      const id = setInterval(() => {
+        if (countdownSeconds.value > 0) {
+          countdownSeconds.value--;
+        } else {
+          clearInterval(id);
+        }
+      }, 1e3);
+      cleanup(() => clearInterval(id));
+    }
+  });
+  const handleWarn = qwik.$(() => {
+    if (!props.dateTime) return;
+    const targetTime = new Date(props.dateTime).getTime();
+    countdownSeconds.value = Math.max(0, Math.floor((targetTime - Date.now()) / 1e3));
+    dialogOpen.value = true;
+  });
+  const handleExpired = qwik.$(async () => {
+    dialogOpen.value = false;
+    if (props.onExpired$) {
+      await props.onExpired$();
+    }
+  });
+  const minutes = Math.floor(countdownSeconds.value / 60);
+  const seconds = String(countdownSeconds.value % 60).padStart(2, "0");
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx(timer.Timer, {
+        dateTime: props.dateTime,
+        warnMinutes: props.warnMinutes,
+        onWarn$: handleWarn,
+        onExpired$: handleExpired
+      }),
+      /* @__PURE__ */ jsxRuntime.jsxs(dialog.Dialog, {
+        open: dialogOpen,
+        showCloseIcon: false,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", {
+            "q:slot": "title",
+            class: "flex items-center gap-2 text-lg font-bold",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", {
+                class: "text-warning",
+                children: /* @__PURE__ */ jsxRuntime.jsx(qwikIcons.MdiAlertOutline, {
+                  size: 20
+                })
+              }),
+              "Session Expiring Soon"
+            ]
+          }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", {
+            class: "space-y-2",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("p", {
+                children: [
+                  "Your session will expire in",
+                  " ",
+                  /* @__PURE__ */ jsxRuntime.jsxs("span", {
+                    class: "font-semibold",
+                    children: [
+                      minutes,
+                      ":",
+                      seconds
+                    ]
+                  }),
+                  "."
+                ]
+              }),
+              /* @__PURE__ */ jsxRuntime.jsx("p", {
+                children: "Would you like to extend your session?"
+              })
+            ]
+          }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", {
+            "q:slot": "action",
+            children: /* @__PURE__ */ jsxRuntime.jsx(button.Button, {
+              text: "Extend Session",
+              class: "btn-primary",
+              onClick$: async () => {
+                dialogOpen.value = false;
+                if (props.onExtendSelected$) {
+                  await props.onExtendSelected$();
+                }
+              }
+            })
+          })
+        ]
+      })
+    ]
+  });
+});
+exports.SessionWatcher = SessionWatcher;

package/lib/components/session-watcher.qwik.mjs

@@ -0,0 +1,105 @@
+import { jsxs, Fragment, jsx } from "@builder.io/qwik/jsx-runtime";
+import { component$, useSignal, useVisibleTask$, $ } from "@builder.io/qwik";
+import { MdiAlertOutline } from "@nr1e/qwik-icons";
+import { Button } from "./button.qwik.mjs";
+import { Dialog } from "./dialog.qwik.mjs";
+import { Timer } from "./timer.qwik.mjs";
+const SessionWatcher = component$((props) => {
+  const dialogOpen = useSignal(false);
+  const countdownSeconds = useSignal(0);
+  useVisibleTask$(({ track, cleanup }) => {
+    track(() => dialogOpen.value);
+    if (dialogOpen.value) {
+      const id = setInterval(() => {
+        if (countdownSeconds.value > 0) {
+          countdownSeconds.value--;
+        } else {
+          clearInterval(id);
+        }
+      }, 1e3);
+      cleanup(() => clearInterval(id));
+    }
+  });
+  const handleWarn = $(() => {
+    if (!props.dateTime) return;
+    const targetTime = new Date(props.dateTime).getTime();
+    countdownSeconds.value = Math.max(0, Math.floor((targetTime - Date.now()) / 1e3));
+    dialogOpen.value = true;
+  });
+  const handleExpired = $(async () => {
+    dialogOpen.value = false;
+    if (props.onExpired$) {
+      await props.onExpired$();
+    }
+  });
+  const minutes = Math.floor(countdownSeconds.value / 60);
+  const seconds = String(countdownSeconds.value % 60).padStart(2, "0");
+  return /* @__PURE__ */ jsxs(Fragment, {
+    children: [
+      /* @__PURE__ */ jsx(Timer, {
+        dateTime: props.dateTime,
+        warnMinutes: props.warnMinutes,
+        onWarn$: handleWarn,
+        onExpired$: handleExpired
+      }),
+      /* @__PURE__ */ jsxs(Dialog, {
+        open: dialogOpen,
+        showCloseIcon: false,
+        children: [
+          /* @__PURE__ */ jsxs("div", {
+            "q:slot": "title",
+            class: "flex items-center gap-2 text-lg font-bold",
+            children: [
+              /* @__PURE__ */ jsx("span", {
+                class: "text-warning",
+                children: /* @__PURE__ */ jsx(MdiAlertOutline, {
+                  size: 20
+                })
+              }),
+              "Session Expiring Soon"
+            ]
+          }),
+          /* @__PURE__ */ jsxs("div", {
+            class: "space-y-2",
+            children: [
+              /* @__PURE__ */ jsxs("p", {
+                children: [
+                  "Your session will expire in",
+                  " ",
+                  /* @__PURE__ */ jsxs("span", {
+                    class: "font-semibold",
+                    children: [
+                      minutes,
+                      ":",
+                      seconds
+                    ]
+                  }),
+                  "."
+                ]
+              }),
+              /* @__PURE__ */ jsx("p", {
+                children: "Would you like to extend your session?"
+              })
+            ]
+          }),
+          /* @__PURE__ */ jsx("div", {
+            "q:slot": "action",
+            children: /* @__PURE__ */ jsx(Button, {
+              text: "Extend Session",
+              class: "btn-primary",
+              onClick$: async () => {
+                dialogOpen.value = false;
+                if (props.onExtendSelected$) {
+                  await props.onExtendSelected$();
+                }
+              }
+            })
+          })
+        ]
+      })
+    ]
+  });
+});
+export {
+  SessionWatcher
+};