m2m-components 3.3.0 → 3.3.1-alpha-aef9a40.0

package/chunk-3YQYBFME.mjs

@@ -0,0 +1,102 @@
+'use client'
+import {
+  login
+} from "./chunk-GMPQV5TL.mjs";
+import {
+  m2mAuthTokenApi
+} from "./chunk-5FHEMJGG.mjs";
+
+// src/storage/useM2mAuth.tsx
+import { fetcher } from "matsuri-hooks";
+import {
+  createContext,
+  useCallback,
+  useContext,
+  useEffect,
+  useMemo,
+  useState
+} from "react";
+import { jsx } from "react/jsx-runtime";
+var AuthenticationContext = createContext(
+  void 0
+);
+var checkJwtExpiration = (jwt) => {
+  const splitted = jwt.split(".");
+  if (splitted.length !== 3)
+    return false;
+  const [, payload] = splitted;
+  const parsedPayload = JSON.parse(atob(payload));
+  return /* @__PURE__ */ new Date() < new Date(parsedPayload.exp * 1e3);
+};
+var M2mAuthenticationProvider = ({
+  children
+}) => {
+  var _a;
+  const [token, setToken] = useState((_a = m2mAuthTokenApi.getCache()) != null ? _a : "");
+  const authenticated = useMemo(() => !!token, [token]);
+  const tryCheckAuth = useCallback(async () => {
+    const authToken = await m2mAuthTokenApi.get();
+    if (!(authToken && checkJwtExpiration(authToken))) {
+      void m2mAuthTokenApi.clear();
+      setToken("");
+    } else {
+      void m2mAuthTokenApi.set(authToken);
+      setToken(authToken);
+    }
+  }, []);
+  useEffect(() => {
+    void tryCheckAuth();
+  }, [tryCheckAuth]);
+  const login2 = useCallback(async (input) => {
+    const { data, error } = await fetcher(login(), {
+      method: "POST",
+      body: JSON.stringify(input)
+    });
+    if (data) {
+      const authToken = data.accessToken;
+      void m2mAuthTokenApi.set(authToken);
+      setToken(authToken);
+    }
+    return {
+      error,
+      token: data ? data.accessToken : void 0
+    };
+  }, []);
+  const logout = useCallback(() => {
+    void m2mAuthTokenApi.clear();
+    window.location.reload();
+  }, []);
+  const updateToken = useCallback(async (token2) => {
+    if (checkJwtExpiration(token2)) {
+      return {
+        error: new Error("M2MAuthToken is expired")
+      };
+    }
+    await m2mAuthTokenApi.set(token2);
+    setToken(token2);
+    return { error: void 0 };
+  }, []);
+  const state = useMemo(() => {
+    return {
+      login: login2,
+      logout,
+      token,
+      authenticated,
+      updateToken
+    };
+  }, [authenticated, login2, logout, token, updateToken]);
+  return /* @__PURE__ */ jsx(AuthenticationContext.Provider, { value: state, children });
+};
+var useAuth = () => {
+  const ctx = useContext(AuthenticationContext);
+  if (!ctx) {
+    throw new Error("AuthenticationProvider is not found");
+  }
+  return ctx;
+};
+
+export {
+  M2mAuthenticationProvider,
+  useAuth
+};
+//# sourceMappingURL=chunk-3YQYBFME.mjs.map

package/chunk-3YQYBFME.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/storage/useM2mAuth.tsx"],"sourcesContent":["import { fetcher } from \"matsuri-hooks\";\nimport { m2mAuthTokenApi } from \"./client\";\nimport { login as m2mUsers_v1_login } from \"../endpoints/m2m-users.v1\";\nimport React, {\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useState,\n} from \"react\";\n\ninterface LoginInput {\n  email: string;\n  password: string;\n}\n\ninterface AuthenticationState {\n  token: string;\n  authenticated: boolean;\n  login: (input: LoginInput) => Promise<{ token?: string; error?: Error }>;\n  logout: () => void;\n  updateToken: (token: string) => Promise<{ error?: Error }>;\n}\n\nconst AuthenticationContext = createContext<AuthenticationState | undefined>(\n  undefined\n);\n\nconst checkJwtExpiration = (jwt: string): boolean => {\n  const splitted = jwt.split(\".\");\n  if (splitted.length !== 3) return false;\n\n  const [, payload] = splitted;\n  const parsedPayload = JSON.parse(atob(payload)) as {\n    exp: number;\n  };\n  return new Date() < new Date(parsedPayload.exp * 1000);\n};\n\nexport const M2mAuthenticationProvider = ({\n  children,\n}: {\n  children: React.ReactNode;\n}) => {\n  const [token, setToken] = useState(m2mAuthTokenApi.getCache() ?? \"\");\n\n  const authenticated = useMemo(() => !!token, [token]);\n\n  const tryCheckAuth = useCallback(async () => {\n    const authToken = await m2mAuthTokenApi.get();\n    if (!(authToken && checkJwtExpiration(authToken))) {\n      void m2mAuthTokenApi.clear();\n      setToken(\"\");\n    } else {\n      void m2mAuthTokenApi.set(authToken);\n      setToken(authToken);\n    }\n  }, []);\n\n  useEffect(() => {\n    void tryCheckAuth();\n  }, [tryCheckAuth]);\n\n  const login = useCallback(async (input: LoginInput) => {\n    const { data, error } = await fetcher<{\n      accessToken: string;\n    }>(m2mUsers_v1_login(), {\n      method: \"POST\",\n      body: JSON.stringify(input),\n    });\n    if (data) {\n      const authToken = data.accessToken;\n\n      void m2mAuthTokenApi.set(authToken);\n      setToken(authToken);\n    }\n    return {\n      error,\n      token: data ? data.accessToken : undefined,\n    };\n  }, []);\n\n  const logout = useCallback(() => {\n    void m2mAuthTokenApi.clear();\n    window.location.reload();\n  }, []);\n\n  const updateToken = useCallback(async (token: string) => {\n    if (checkJwtExpiration(token)) {\n      return {\n        error: new Error(\"M2MAuthToken is expired\"),\n      };\n    }\n    await m2mAuthTokenApi.set(token);\n    setToken(token);\n    return { error: undefined };\n  }, []);\n\n  const state = useMemo(() => {\n    return {\n      login,\n      logout,\n      token,\n      authenticated,\n      updateToken,\n    };\n  }, [authenticated, login, logout, token, updateToken]);\n  return (\n    <AuthenticationContext.Provider value={state}>\n      {children}\n    </AuthenticationContext.Provider>\n  );\n};\n\nexport const useAuth = () => {\n  const ctx = useContext(AuthenticationContext);\n  if (!ctx) {\n    throw new Error(\"AuthenticationProvider is not found\");\n  }\n  return ctx;\n};\n"],"mappings":";;;;;;;;;AAAA,SAAS,eAAe;AAGxB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAmGH;AApFJ,IAAM,wBAAwB;AAAA,EAC5B;AACF;AAEA,IAAM,qBAAqB,CAAC,QAAyB;AACnD,QAAM,WAAW,IAAI,MAAM,GAAG;AAC9B,MAAI,SAAS,WAAW;AAAG,WAAO;AAElC,QAAM,CAAC,EAAE,OAAO,IAAI;AACpB,QAAM,gBAAgB,KAAK,MAAM,KAAK,OAAO,CAAC;AAG9C,SAAO,oBAAI,KAAK,IAAI,IAAI,KAAK,cAAc,MAAM,GAAI;AACvD;AAEO,IAAM,4BAA4B,CAAC;AAAA,EACxC;AACF,MAEM;AA5CN;AA6CE,QAAM,CAAC,OAAO,QAAQ,IAAI,UAAS,qBAAgB,SAAS,MAAzB,YAA8B,EAAE;AAEnE,QAAM,gBAAgB,QAAQ,MAAM,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC;AAEpD,QAAM,eAAe,YAAY,YAAY;AAC3C,UAAM,YAAY,MAAM,gBAAgB,IAAI;AAC5C,QAAI,EAAE,aAAa,mBAAmB,SAAS,IAAI;AACjD,WAAK,gBAAgB,MAAM;AAC3B,eAAS,EAAE;AAAA,IACb,OAAO;AACL,WAAK,gBAAgB,IAAI,SAAS;AAClC,eAAS,SAAS;AAAA,IACpB;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,YAAU,MAAM;AACd,SAAK,aAAa;AAAA,EACpB,GAAG,CAAC,YAAY,CAAC;AAEjB,QAAMA,SAAQ,YAAY,OAAO,UAAsB;AACrD,UAAM,EAAE,MAAM,MAAM,IAAI,MAAM,QAE3B,MAAkB,GAAG;AAAA,MACtB,QAAQ;AAAA,MACR,MAAM,KAAK,UAAU,KAAK;AAAA,IAC5B,CAAC;AACD,QAAI,MAAM;AACR,YAAM,YAAY,KAAK;AAEvB,WAAK,gBAAgB,IAAI,SAAS;AAClC,eAAS,SAAS;AAAA,IACpB;AACA,WAAO;AAAA,MACL;AAAA,MACA,OAAO,OAAO,KAAK,cAAc;AAAA,IACnC;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,QAAM,SAAS,YAAY,MAAM;AAC/B,SAAK,gBAAgB,MAAM;AAC3B,WAAO,SAAS,OAAO;AAAA,EACzB,GAAG,CAAC,CAAC;AAEL,QAAM,cAAc,YAAY,OAAOC,WAAkB;AACvD,QAAI,mBAAmBA,MAAK,GAAG;AAC7B,aAAO;AAAA,QACL,OAAO,IAAI,MAAM,yBAAyB;AAAA,MAC5C;AAAA,IACF;AACA,UAAM,gBAAgB,IAAIA,MAAK;AAC/B,aAASA,MAAK;AACd,WAAO,EAAE,OAAO,OAAU;AAAA,EAC5B,GAAG,CAAC,CAAC;AAEL,QAAM,QAAQ,QAAQ,MAAM;AAC1B,WAAO;AAAA,MACL,OAAAD;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF,GAAG,CAAC,eAAeA,QAAO,QAAQ,OAAO,WAAW,CAAC;AACrD,SACE,oBAAC,sBAAsB,UAAtB,EAA+B,OAAO,OACpC,UACH;AAEJ;AAEO,IAAM,UAAU,MAAM;AAC3B,QAAM,MAAM,WAAW,qBAAqB;AAC5C,MAAI,CAAC,KAAK;AACR,UAAM,IAAI,MAAM,qCAAqC;AAAA,EACvD;AACA,SAAO;AACT;","names":["login","token"]}

package/chunk-5FHEMJGG.mjs

@@ -0,0 +1,97 @@
+'use client'
+import {
+  StorageClient
+} from "./chunk-UOPEIK22.mjs";
+
+// src/storage/client.ts
+var M2mStorageClient = class extends StorageClient {
+};
+var context = {};
+var getStorage = async (timeout = 5e3) => {
+  const storage = await new Promise((resolve, reject) => {
+    const rejectTimer = window.setTimeout(function() {
+      reject(
+        new Error(
+          "Timeout: M2mStorageClient could not connect. Please call m2mStorageClient.init() before using m2mStorageClient."
+        )
+      );
+    }, timeout);
+    const storage2 = context.storage;
+    if (storage2) {
+      window.clearTimeout(rejectTimer);
+      resolve(storage2);
+    }
+    const timer = window.setInterval(() => {
+      const storage3 = context.storage;
+      if (storage3) {
+        window.clearTimeout(rejectTimer);
+        window.clearInterval(timer);
+        resolve(storage3);
+      }
+    }, 200);
+  });
+  await storage.onConnect();
+  return storage;
+};
+var M2M_STORAGE_HUB_URL = "https://hub.m2msystems.cloud/";
+var M2M_STORAGE_HUB_URL_DEV = "https://m2m-components-storage-hub-dev.netlify.app/";
+var initStorageClient = (options) => {
+  if (context.storage) {
+    throw new Error(
+      "M2mStorageClient already initialized. Do not call m2mStorageClient.init multiple times."
+    );
+  }
+  const storage = new M2mStorageClient(
+    (options == null ? void 0 : options.env) === "production" ? M2M_STORAGE_HUB_URL : M2M_STORAGE_HUB_URL_DEV
+  );
+  context.storage = storage;
+};
+var m2mStorageClient = {
+  init: initStorageClient,
+  getStorage
+};
+var M2M_AUTH_TOKEN_KEY = "M2M_APP_AUTH_TOKEN";
+var getAuthTokenCache = () => {
+  return window.localStorage.getItem(M2M_AUTH_TOKEN_KEY);
+};
+var getAuthToken = async () => {
+  try {
+    const storage = await getStorage();
+    const autuToken = await storage.get(M2M_AUTH_TOKEN_KEY);
+    return autuToken || getAuthTokenCache();
+  } catch (error) {
+    console.warn(error);
+    return getAuthTokenCache();
+  }
+};
+var setAuthToken = async (token) => {
+  window.localStorage.setItem(M2M_AUTH_TOKEN_KEY, token);
+  try {
+    const storage = await getStorage();
+    await storage.set(M2M_AUTH_TOKEN_KEY, token);
+  } catch (error) {
+    console.warn(error);
+  }
+};
+var clearAuthToken = async () => {
+  window.localStorage.removeItem(M2M_AUTH_TOKEN_KEY);
+  try {
+    const storage = await getStorage();
+    await storage.del(M2M_AUTH_TOKEN_KEY);
+  } catch (error) {
+    console.warn(error);
+  }
+};
+var m2mAuthTokenApi = {
+  get: getAuthToken,
+  getCache: getAuthTokenCache,
+  set: setAuthToken,
+  clear: clearAuthToken
+};
+
+export {
+  m2mStorageClient,
+  M2M_AUTH_TOKEN_KEY,
+  m2mAuthTokenApi
+};
+//# sourceMappingURL=chunk-5FHEMJGG.mjs.map

package/chunk-5FHEMJGG.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/storage/client.ts"],"sourcesContent":["import { StorageClient } from \"./lib/client\";\n\nclass M2mStorageClient extends StorageClient {}\n\nexport type { M2mStorageClient };\n\nconst context: {\n  storage?: M2mStorageClient;\n} = {};\n\n/**\n * Get the connected storage client.\n * @param timeout\n * @default 5000\n */\nconst getStorage = async (timeout = 5000) => {\n  const storage = await new Promise<M2mStorageClient>((resolve, reject) => {\n    const rejectTimer = window.setTimeout(function () {\n      reject(\n        new Error(\n          \"Timeout: M2mStorageClient could not connect. Please call m2mStorageClient.init() before using m2mStorageClient.\"\n        )\n      );\n    }, timeout);\n\n    const storage = context.storage;\n    if (storage) {\n      window.clearTimeout(rejectTimer);\n      resolve(storage);\n    }\n\n    const timer = window.setInterval(() => {\n      const storage = context.storage;\n      if (storage) {\n        window.clearTimeout(rejectTimer);\n        window.clearInterval(timer);\n        resolve(storage);\n      }\n    }, 200);\n  });\n\n  await storage.onConnect();\n\n  return storage;\n};\n\nconst M2M_STORAGE_HUB_URL = \"https://hub.m2msystems.cloud/\";\n\nconst M2M_STORAGE_HUB_URL_DEV =\n  \"https://m2m-components-storage-hub-dev.netlify.app/\";\n\nconst initStorageClient = (options?: {\n  env?: \"development\" | \"production\";\n}) => {\n  if (context.storage) {\n    throw new Error(\n      \"M2mStorageClient already initialized. Do not call m2mStorageClient.init multiple times.\"\n    );\n  }\n  const storage = new M2mStorageClient(\n    options?.env === \"production\"\n      ? M2M_STORAGE_HUB_URL\n      : M2M_STORAGE_HUB_URL_DEV\n  );\n  context.storage = storage;\n};\n\nexport const m2mStorageClient = {\n  init: initStorageClient,\n  getStorage: getStorage,\n};\n\nexport const M2M_AUTH_TOKEN_KEY = \"M2M_APP_AUTH_TOKEN\";\n\nconst getAuthTokenCache = () => {\n  return window.localStorage.getItem(M2M_AUTH_TOKEN_KEY);\n};\n\nconst getAuthToken = async () => {\n  try {\n    const storage = await getStorage();\n    const autuToken = (await storage.get(M2M_AUTH_TOKEN_KEY)) as string;\n    return autuToken || getAuthTokenCache();\n  } catch (error) {\n    console.warn(error);\n    return getAuthTokenCache();\n  }\n};\n\nconst setAuthToken = async (token: string) => {\n  window.localStorage.setItem(M2M_AUTH_TOKEN_KEY, token);\n  try {\n    const storage = await getStorage();\n    await storage.set(M2M_AUTH_TOKEN_KEY, token);\n  } catch (error) {\n    console.warn(error);\n  }\n};\n\nconst clearAuthToken = async () => {\n  window.localStorage.removeItem(M2M_AUTH_TOKEN_KEY);\n  try {\n    const storage = await getStorage();\n    await storage.del(M2M_AUTH_TOKEN_KEY);\n  } catch (error) {\n    console.warn(error);\n  }\n};\n\nexport const m2mAuthTokenApi = {\n  get: getAuthToken,\n  getCache: getAuthTokenCache,\n  set: setAuthToken,\n  clear: clearAuthToken,\n};\n"],"mappings":";;;;;;AAEA,IAAM,mBAAN,cAA+B,cAAc;AAAC;AAI9C,IAAM,UAEF,CAAC;AAOL,IAAM,aAAa,OAAO,UAAU,QAAS;AAC3C,QAAM,UAAU,MAAM,IAAI,QAA0B,CAAC,SAAS,WAAW;AACvE,UAAM,cAAc,OAAO,WAAW,WAAY;AAChD;AAAA,QACE,IAAI;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,IACF,GAAG,OAAO;AAEV,UAAMA,WAAU,QAAQ;AACxB,QAAIA,UAAS;AACX,aAAO,aAAa,WAAW;AAC/B,cAAQA,QAAO;AAAA,IACjB;AAEA,UAAM,QAAQ,OAAO,YAAY,MAAM;AACrC,YAAMA,WAAU,QAAQ;AACxB,UAAIA,UAAS;AACX,eAAO,aAAa,WAAW;AAC/B,eAAO,cAAc,KAAK;AAC1B,gBAAQA,QAAO;AAAA,MACjB;AAAA,IACF,GAAG,GAAG;AAAA,EACR,CAAC;AAED,QAAM,QAAQ,UAAU;AAExB,SAAO;AACT;AAEA,IAAM,sBAAsB;AAE5B,IAAM,0BACJ;AAEF,IAAM,oBAAoB,CAAC,YAErB;AACJ,MAAI,QAAQ,SAAS;AACnB,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACA,QAAM,UAAU,IAAI;AAAA,KAClB,mCAAS,SAAQ,eACb,sBACA;AAAA,EACN;AACA,UAAQ,UAAU;AACpB;AAEO,IAAM,mBAAmB;AAAA,EAC9B,MAAM;AAAA,EACN;AACF;AAEO,IAAM,qBAAqB;AAElC,IAAM,oBAAoB,MAAM;AAC9B,SAAO,OAAO,aAAa,QAAQ,kBAAkB;AACvD;AAEA,IAAM,eAAe,YAAY;AAC/B,MAAI;AACF,UAAM,UAAU,MAAM,WAAW;AACjC,UAAM,YAAa,MAAM,QAAQ,IAAI,kBAAkB;AACvD,WAAO,aAAa,kBAAkB;AAAA,EACxC,SAAS,OAAO;AACd,YAAQ,KAAK,KAAK;AAClB,WAAO,kBAAkB;AAAA,EAC3B;AACF;AAEA,IAAM,eAAe,OAAO,UAAkB;AAC5C,SAAO,aAAa,QAAQ,oBAAoB,KAAK;AACrD,MAAI;AACF,UAAM,UAAU,MAAM,WAAW;AACjC,UAAM,QAAQ,IAAI,oBAAoB,KAAK;AAAA,EAC7C,SAAS,OAAO;AACd,YAAQ,KAAK,KAAK;AAAA,EACpB;AACF;AAEA,IAAM,iBAAiB,YAAY;AACjC,SAAO,aAAa,WAAW,kBAAkB;AACjD,MAAI;AACF,UAAM,UAAU,MAAM,WAAW;AACjC,UAAM,QAAQ,IAAI,kBAAkB;AAAA,EACtC,SAAS,OAAO;AACd,YAAQ,KAAK,KAAK;AAAA,EACpB;AACF;AAEO,IAAM,kBAAkB;AAAA,EAC7B,KAAK;AAAA,EACL,UAAU;AAAA,EACV,KAAK;AAAA,EACL,OAAO;AACT;","names":["storage"]}

package/{cjs/domains.js → chunk-B7STDXYN.mjs}

@@ -1,10 +1,7 @@
-"use strict";
+'use client'
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getDomains = void 0;
-const getDomains = () => {
+// src/domains.ts
+var getDomains = () => {
   return globalThis.M2M_COMPONENTS_ENV === "production" ? {
     core: "https://core.m2msystems.cloud",
     sumyca: "https://manage.sumyca.com",
@@ -23,5 +20,8 @@ const getDomains = () => {
     systems: "https://dev.m2msystems.cloud"
   };
 };
-exports.getDomains = getDomains;
-//# sourceMappingURL=domains.js.map
+
+export {
+  getDomains
+};
+//# sourceMappingURL=chunk-B7STDXYN.mjs.map

package/chunk-B7STDXYN.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/domains.ts"],"sourcesContent":["export const getDomains = () => {\n  return globalThis.M2M_COMPONENTS_ENV === \"production\"\n    ? {\n        core: \"https://core.m2msystems.cloud\",\n        sumyca: \"https://manage.sumyca.com\",\n        cleaning: \"https://manager-cleaning.m2msystems.cloud\",\n        users: \"https://manage-users.m2msystems.cloud\",\n        inspection: \"https://inspection.m2msystems.cloud\",\n        checkin: \"https://manage.checkin.m2msystems.cloud\",\n        systems: \"https://m2msystems.cloud/\",\n      }\n    : {\n        core: \"https://dev--m2m-core-manager-front.netlify.app\",\n        sumyca: \"https://dev--sumyca-manager-front.netlify.app\",\n        cleaning: \"https://dev--m2m-cleaning-manager-front.netlify.app\",\n        users: \"https://dev--manage-users.netlify.app\",\n        inspection: \"https://dev--m2m-inspection-manager-front.netlify.app\",\n        checkin: \"https://manage.dev.checkin.m2msystems.cloud\",\n        systems: \"https://dev.m2msystems.cloud\",\n      };\n};\n"],"mappings":";;;AAAO,IAAM,aAAa,MAAM;AAC9B,SAAO,WAAW,uBAAuB,eACrC;AAAA,IACE,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,SAAS;AAAA,EACX,IACA;AAAA,IACE,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,SAAS;AAAA,EACX;AACN;","names":[]}

package/chunk-BFPL6AIR.mjs

@@ -0,0 +1,74 @@
+'use client'
+import {
+  m2mAuthTokenApi
+} from "./chunk-5FHEMJGG.mjs";
+import {
+  MenuBaseElement
+} from "./chunk-UM6FAKR4.mjs";
+import {
+  getDomains
+} from "./chunk-B7STDXYN.mjs";
+import {
+  __decorateClass
+} from "./chunk-JUBOAWNR.mjs";
+
+// src/m2m-user-menu.ts
+import { customElement } from "lit/decorators.js";
+import { html } from "lit";
+import { ref } from "lit/directives/ref.js";
+var M2MUserMenu = class extends MenuBaseElement {
+  constructor() {
+    super(...arguments);
+    this.handleLogout = () => {
+      void m2mAuthTokenApi.clear();
+      window.location.reload();
+    };
+  }
+  render() {
+    var _a;
+    const domains = getDomains();
+    const additionalItems = (_a = this.additinalItems) == null ? void 0 : _a.map((item) => {
+      return html`
+        <li>
+          <a href="${item.href}">${item.label}</a>
+        </li>
+      `;
+    });
+    return html`<nav>
+      <button
+        type="button"
+        class="navigation-drawer-controll-button navigation-drawer-controll-button--icon"
+        aria-controls="m2m-user-menu__navigation-drawer"
+        aria-expanded=${this.expanded}
+        @click=${this.handleToggleDrawer}
+      >
+        <svg viewBox="0 0 24 24" width="38px" height="38px" fill="#000000">
+          <path d="M0 0h24v24H0z" fill="none" />
+          <path
+            d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 3c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm0 14.2c-2.5 0-4.71-1.28-6-3.22.03-1.99 4-3.08 6-3.08 1.99 0 5.97 1.09 6 3.08-1.29 1.94-3.5 3.22-6 3.22z"
+          />
+        </svg>
+      </button>
+      <ul
+        ${ref(this.listRef)}
+        id="m2m-user-menu__navigation-drawer"
+        aria-hidden=${!this.expanded}
+        class="navigation-drawer"
+      >
+        <li><a href="${domains.users}">アカウント情報</a></li>
+        <li @click=${this.handleLogout}>
+          <button type="button">ログアウト</button>
+        </li>
+        ${additionalItems}
+      </ul>
+    </nav>`;
+  }
+};
+M2MUserMenu = __decorateClass([
+  customElement("m2m-user-menu")
+], M2MUserMenu);
+
+export {
+  M2MUserMenu
+};
+//# sourceMappingURL=chunk-BFPL6AIR.mjs.map

package/chunk-BFPL6AIR.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/m2m-user-menu.ts"],"sourcesContent":["import { MenuBaseElement, MenuBaseElementProps } from \"./MenuBaseElement\";\nimport { customElement } from \"lit/decorators.js\";\nimport { getDomains } from \"./domains\";\nimport { html } from \"lit\";\nimport { m2mAuthTokenApi } from \"./storage/client\";\nimport { ref } from \"lit/directives/ref.js\";\n\nexport type M2MUserMenuProps = MenuBaseElementProps;\n\n@customElement(\"m2m-user-menu\")\nexport class M2MUserMenu extends MenuBaseElement {\n  handleLogout = () => {\n    void m2mAuthTokenApi.clear();\n    window.location.reload();\n  };\n\n  render() {\n    const domains = getDomains();\n    const additionalItems = this.additinalItems?.map((item) => {\n      return html`\n        <li>\n          <a href=\"${item.href}\">${item.label}</a>\n        </li>\n      `;\n    });\n    return html`<nav>\n      <button\n        type=\"button\"\n        class=\"navigation-drawer-controll-button navigation-drawer-controll-button--icon\"\n        aria-controls=\"m2m-user-menu__navigation-drawer\"\n        aria-expanded=${this.expanded}\n        @click=${this.handleToggleDrawer}\n      >\n        <svg viewBox=\"0 0 24 24\" width=\"38px\" height=\"38px\" fill=\"#000000\">\n          <path d=\"M0 0h24v24H0z\" fill=\"none\" />\n          <path\n            d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 3c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm0 14.2c-2.5 0-4.71-1.28-6-3.22.03-1.99 4-3.08 6-3.08 1.99 0 5.97 1.09 6 3.08-1.29 1.94-3.5 3.22-6 3.22z\"\n          />\n        </svg>\n      </button>\n      <ul\n        ${ref(this.listRef)}\n        id=\"m2m-user-menu__navigation-drawer\"\n        aria-hidden=${!this.expanded}\n        class=\"navigation-drawer\"\n      >\n        <li><a href=\"${domains.users}\">アカウント情報</a></li>\n        <li @click=${this.handleLogout}>\n          <button type=\"button\">ログアウト</button>\n        </li>\n        ${additionalItems}\n      </ul>\n    </nav>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"m2m-user-menu\": M2MUserMenu;\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;AACA,SAAS,qBAAqB;AAE9B,SAAS,YAAY;AAErB,SAAS,WAAW;AAKb,IAAM,cAAN,cAA0B,gBAAgB;AAAA,EAA1C;AAAA;AACL,wBAAe,MAAM;AACnB,WAAK,gBAAgB,MAAM;AAC3B,aAAO,SAAS,OAAO;AAAA,IACzB;AAAA;AAAA,EAEA,SAAS;AAhBX;AAiBI,UAAM,UAAU,WAAW;AAC3B,UAAM,mBAAkB,UAAK,mBAAL,mBAAqB,IAAI,CAAC,SAAS;AACzD,aAAO;AAAA;AAAA,qBAEQ,KAAK,IAAI,KAAK,KAAK,KAAK;AAAA;AAAA;AAAA,IAGzC;AACA,WAAO;AAAA;AAAA;AAAA;AAAA;AAAA,wBAKa,KAAK,QAAQ;AAAA,iBACpB,KAAK,kBAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAU9B,IAAI,KAAK,OAAO,CAAC;AAAA;AAAA,sBAEL,CAAC,KAAK,QAAQ;AAAA;AAAA;AAAA,uBAGb,QAAQ,KAAK;AAAA,qBACf,KAAK,YAAY;AAAA;AAAA;AAAA,UAG5B,eAAe;AAAA;AAAA;AAAA,EAGvB;AACF;AA5Ca,cAAN;AAAA,EADN,cAAc,eAAe;AAAA,GACjB;","names":[]}