m2m-components 5.2.3-alpha-1732450596663-b0d16d9.0 → 5.2.3-alpha-1732705057614-405defa.0

package/{chunk-B7STDXYN.mjs → chunk-27HPP73N.mjs}

@@ -1,7 +1,7 @@
 'use client'
 
 // src/domains.ts
-var getDomains = () => {
+var useDomains = () => {
   return globalThis.M2M_COMPONENTS_ENV === "production" ? {
     core: "https://core.m2msystems.cloud",
     sumyca: "https://manage.sumyca.com",
@@ -22,6 +22,6 @@ var getDomains = () => {
 };
 
 export {
-  getDomains
+  useDomains
 };
-//# sourceMappingURL=chunk-B7STDXYN.mjs.map
+//# sourceMappingURL=chunk-27HPP73N.mjs.map

package/{chunk-B7STDXYN.mjs.map → chunk-27HPP73N.mjs.map}

@@ -1 +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":[]}
+{"version":3,"sources":["../src/domains.ts"],"sourcesContent":["export const useDomains = () => {\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-YXPSTKYY.mjs → chunk-IUVQPLD7.mjs}

@@ -3,8 +3,8 @@ import {
   MenuBaseElement
 } from "./chunk-HI2D4CLX.mjs";
 import {
-  getDomains
-} from "./chunk-B7STDXYN.mjs";
+  useDomains
+} from "./chunk-27HPP73N.mjs";
 import {
   __decorateClass
 } from "./chunk-QH5I6YL2.mjs";
@@ -16,7 +16,7 @@ import { ref } from "lit/directives/ref.js";
 var M2MAppsMenu = class extends MenuBaseElement {
   render() {
     var _a;
-    const domains = getDomains();
+    const domains = useDomains();
     const additionalItems = (_a = this.additinalItems) == null ? void 0 : _a.map((item) => {
       return html`
         <li>
@@ -76,4 +76,4 @@ M2MAppsMenu = __decorateClass([
 export {
   M2MAppsMenu
 };
-//# sourceMappingURL=chunk-YXPSTKYY.mjs.map
+//# sourceMappingURL=chunk-IUVQPLD7.mjs.map

package/chunk-IUVQPLD7.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/m2m-apps-menu.ts"],"sourcesContent":["import { MenuBaseElement, MenuBaseElementProps } from \"./MenuBaseElement\";\nimport { customElement } from \"lit/decorators.js\";\nimport { html } from \"lit\";\nimport { ref } from \"lit/directives/ref.js\";\nimport { useDomains } from \"./domains\";\n\nexport type M2MAppsMenuProps = MenuBaseElementProps;\n\n@customElement(\"m2m-apps-menu\")\nexport class M2MAppsMenu extends MenuBaseElement {\n  render() {\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    const domains = useDomains();\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    const isHidden = this.expanded === false || this.expanded === undefined;\n    return html`<nav>\n      <button\n        type=\"button\"\n        class=\"navigation-drawer-controll-button navigation-drawer-controll-button--icon\"\n        aria-controls=\"m2m-apps-menu__navigation-drawer\"\n        aria-expanded=${this.expanded}\n        @click=${this.handleToggleDrawer}\n      >\n        <svg\n          xmlns=\"http://www.w3.org/2000/svg\"\n          width=\"38px\"\n          height=\"38px\"\n          viewBox=\"0 0 24 24\"\n        >\n          <path\n            d=\"M4 8h4V4H4v4zm6 12h4v-4h-4v4zm-6 0h4v-4H4v4zm0-6h4v-4H4v4zm6 0h4v-4h-4v4zm6-10v4h4V4h-4zm-6 4h4V4h-4v4zm6 6h4v-4h-4v4zm0 6h4v-4h-4v4z\"\n          />\n        </svg>\n      </button>\n      <ul\n        ${ref(this.listRef)}\n        id=\"m2m-apps-menu__navigation-drawer\"\n        aria-hidden=${isHidden}\n        class=\"navigation-drawer\"\n      >\n        <li>\n          <span>m2m Series</span>\n          <ul>\n            <li><a href=\"${domains.core}\">Core 施設管理</a></li>\n            <li><a href=\"${domains.checkin}\">Checkin ゲストチェックイン</a></li>\n            <li><a href=\"${domains.systems}\">Systems Airbnb連携</a></li>\n            <li><a href=\"${domains.cleaning}\">Cleaning 清掃管理</a></li>\n            <li><a href=\"${domains.inspection}\">Inspection 内見チェック</a></li>\n            <li><a href=\"${domains.users}\">Users アカウント管理</a></li>\n          </ul>\n        </li>\n        <li>\n          <a href=\"${domains.sumyca}\">Sumyca マンスリープラットフォーム</a>\n        </li>\n        ${additionalItems}\n      </ul>\n    </nav>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"m2m-apps-menu\": M2MAppsMenu;\n  }\n}\n"],"mappings":";;;;;;;;;;;;AACA,SAAS,qBAAqB;AAC9B,SAAS,YAAY;AACrB,SAAS,WAAW;AAMb,IAAM,cAAN,cAA0B,gBAAgB;AAAA,EAC/C,SAAS;AAVX;AAYI,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,UAAM,WAAW,KAAK,aAAa,SAAS,KAAK,aAAa;AAC9D,WAAO;AAAA;AAAA;AAAA;AAAA;AAAA,wBAKa,KAAK,QAAQ;AAAA,iBACpB,KAAK,kBAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAc9B,IAAI,KAAK,OAAO,CAAC;AAAA;AAAA,sBAEL,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAMH,QAAQ,IAAI;AAAA,2BACZ,QAAQ,OAAO;AAAA,2BACf,QAAQ,OAAO;AAAA,2BACf,QAAQ,QAAQ;AAAA,2BAChB,QAAQ,UAAU;AAAA,2BAClB,QAAQ,KAAK;AAAA;AAAA;AAAA;AAAA,qBAInB,QAAQ,MAAM;AAAA;AAAA,UAEzB,eAAe;AAAA;AAAA;AAAA,EAGvB;AACF;AAvDa,cAAN;AAAA,EADN,cAAc,eAAe;AAAA,GACjB;","names":[]}

package/{chunk-SF2L3P2H.mjs → chunk-KHXCCRGE.mjs}

@@ -6,8 +6,8 @@ import {
   MenuBaseElement
 } from "./chunk-HI2D4CLX.mjs";
 import {
-  getDomains
-} from "./chunk-B7STDXYN.mjs";
+  useDomains
+} from "./chunk-27HPP73N.mjs";
 import {
   __decorateClass
 } from "./chunk-QH5I6YL2.mjs";
@@ -26,7 +26,7 @@ var M2MUserMenu = class extends MenuBaseElement {
   }
   render() {
     var _a;
-    const domains = getDomains();
+    const domains = useDomains();
     const additionalItems = (_a = this.additinalItems) == null ? void 0 : _a.map((item) => {
       return html`
         <li>
@@ -72,4 +72,4 @@ M2MUserMenu = __decorateClass([
 export {
   M2MUserMenu
 };
-//# sourceMappingURL=chunk-SF2L3P2H.mjs.map
+//# sourceMappingURL=chunk-KHXCCRGE.mjs.map

package/chunk-KHXCCRGE.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 { html } from \"lit\";\nimport { m2mAuthTokenApi } from \"./storage/client\";\nimport { ref } from \"lit/directives/ref.js\";\nimport { useDomains } from \"./domains\";\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    // eslint-disable-next-line react-hooks/rules-of-hooks\n    const domains = useDomains();\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    const isHidden = this.expanded === false || this.expanded === undefined;\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=${isHidden}\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;AAC9B,SAAS,YAAY;AAErB,SAAS,WAAW;AAMb,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;AAkBI,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,UAAM,WAAW,KAAK,aAAa,SAAS,KAAK,aAAa;AAC9D,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,QAAQ;AAAA;AAAA;AAAA,uBAGP,QAAQ,KAAK;AAAA,qBACf,KAAK,YAAY;AAAA;AAAA;AAAA,UAG5B,eAAe;AAAA;AAAA;AAAA,EAGvB;AACF;AA9Ca,cAAN;AAAA,EADN,cAAc,eAAe;AAAA,GACjB;","names":[]}

package/domains.d.mts

@@ -1,4 +1,4 @@
-declare const getDomains: () => {
+declare const useDomains: () => {
     core: string;
     sumyca: string;
     cleaning: string;
@@ -8,4 +8,4 @@ declare const getDomains: () => {
     systems: string;
 };
 
-export { getDomains };
+export { useDomains };

package/domains.d.ts

@@ -1,4 +1,4 @@
-declare const getDomains: () => {
+declare const useDomains: () => {
     core: string;
     sumyca: string;
     cleaning: string;
@@ -8,4 +8,4 @@ declare const getDomains: () => {
     systems: string;
 };
 
-export { getDomains };
+export { useDomains };

package/domains.js

@@ -21,10 +21,10 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/domains.ts
 var domains_exports = {};
 __export(domains_exports, {
-  getDomains: () => getDomains
+  useDomains: () => useDomains
 });
 module.exports = __toCommonJS(domains_exports);
-var getDomains = () => {
+var useDomains = () => {
   return globalThis.M2M_COMPONENTS_ENV === "production" ? {
     core: "https://core.m2msystems.cloud",
     sumyca: "https://manage.sumyca.com",
@@ -45,6 +45,6 @@ var getDomains = () => {
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  getDomains
+  useDomains
 });
 //# sourceMappingURL=domains.js.map

package/domains.js.map

@@ -1 +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":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;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":[]}
+{"version":3,"sources":["../src/domains.ts"],"sourcesContent":["export const useDomains = () => {\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":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;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/domains.mjs

@@ -1,9 +1,9 @@
 'use client'
 import {
-  getDomains
-} from "./chunk-B7STDXYN.mjs";
+  useDomains
+} from "./chunk-27HPP73N.mjs";
 import "./chunk-QH5I6YL2.mjs";
 export {
-  getDomains
+  useDomains
 };
 //# sourceMappingURL=domains.mjs.map

package/index.js

@@ -32,7 +32,7 @@ var __decorateClass = (decorators, target, key, kind) => {
 };
 
 // src/domains.ts
-var getDomains = () => {
+var useDomains = () => {
   return globalThis.M2M_COMPONENTS_ENV === "production" ? {
     core: "https://core.m2msystems.cloud",
     sumyca: "https://manage.sumyca.com",
@@ -295,7 +295,7 @@ var import_ref2 = require("lit/directives/ref.js");
 var M2MAppsMenu = class extends MenuBaseElement {
   render() {
     var _a;
-    const domains = getDomains();
+    const domains = useDomains();
     const additionalItems = (_a = this.additinalItems) == null ? void 0 : _a.map((item) => {
       return import_lit2.html`
         <li>
@@ -366,7 +366,7 @@ var M2MUserMenu = class extends MenuBaseElement {
   }
   render() {
     var _a;
-    const domains = getDomains();
+    const domains = useDomains();
     const additionalItems = (_a = this.additinalItems) == null ? void 0 : _a.map((item) => {
       return import_lit3.html`
         <li>

package/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/domains.ts","../src/feedback/index.tsx","../src/feedback/MultipleTextQuestion.tsx","../src/feedback/SelectQuestion.tsx","../src/storage/client.ts","../src/MenuBaseElement.ts","../src/m2m-apps-menu.ts","../src/m2m-user-menu.ts","../src/notification/api.ts","../src/notification/ServiceIdProvider.tsx","../src/notification/NotificationProvider.tsx"],"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","import {\n  Button,\n  Modal,\n  ModalProps,\n  Portal,\n  Typography,\n  useAlert,\n  useModal,\n} from \"matsuri-ui\";\nimport { type Logger } from \"@datadog/browser-logs\";\nimport {\n  MatsuriFormsQuestion,\n  MatsuriFormsQuestionProvider,\n  MatsuriFormsTextQuestionProps,\n  useMatsuriForms,\n} from \"matsuri-forms-sdk\";\nimport { MultipleTextQuestion } from \"./MultipleTextQuestion\";\nimport { PropsWithChildren, createContext, useContext, useState } from \"react\";\nimport { SelectQuestion } from \"./SelectQuestion\";\nimport { getRandomId } from \"./getRandomId\";\nimport FeedbackIconBase from \"@mui/icons-material/Feedback\";\n\n/**\n * これはワークアラウンドです。\n * これを行わずに、MuiIconをそのまま使うと、トランスパイル後のコードで次のようなエラーが発生し、コンポーネントを描画できなくなります。\n * `Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object.`\n * 関連リンク：\n * https://stackoverflow.com/questions/72008357/mui-icons-used-in-shared-react-component-library-wont-render-error-element-ty\n * https://github.com/mui/material-ui/issues/35535\n */\nconst normalizeIcon = <T,>(Icon: T): T => {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/no-unsafe-member-access\n  return ((Icon as any).default ? (Icon as any).default : Icon) as T;\n};\nconst FeedbackIcon = normalizeIcon(FeedbackIconBase);\n\nconst getFormId = () => {\n  return globalThis.M2M_COMPONENTS_ENV === \"production\"\n    ? \"01GWRQ1MRS7PE29XGRETFZ6D7Y\"\n    : \"01GTBSYMGPMX91E96P007SXEMH\";\n};\n\ninterface TextQuestionContextValue {\n  userId?: string;\n  userName?: string;\n  serviceName?: string;\n  url?: string;\n  id?: string;\n}\n\nconst TextQuestionContext = createContext<TextQuestionContextValue>({});\n\nconst TextQuestion = (props: MatsuriFormsTextQuestionProps) => {\n  const context = useContext(TextQuestionContext);\n  return (\n    <input\n      value={context[props.title as keyof TextQuestionContextValue]}\n      type=\"hidden\"\n      name={props.name}\n    />\n  );\n};\n\ninterface FeedbackProviderModalProps\n  extends Partial<ModalProps>,\n    FeedbackProviderProps {}\n\nconst FeedbackProviderModal = (props: FeedbackProviderModalProps) => {\n  const { questions, submit } = useMatsuriForms(getFormId(), {\n    dev: globalThis.M2M_COMPONENTS_ENV !== \"production\",\n  });\n\n  const { throwAlert } = useAlert();\n\n  const [status, setStatus] = useState<\"started\" | \"sending\" | \"completed\">(\n    \"started\",\n  );\n\n  const id = getRandomId();\n\n  return (\n    <Modal\n      backdrop\n      width={600}\n      maxWidth={600}\n      header={<Typography variant=\"h3\">フィードバックを送信</Typography>}\n      body={\n        status === \"completed\" ? (\n          <div\n            style={{\n              display: \"grid\",\n              gap: 32,\n            }}\n          >\n            <Typography>\n              レポートを送信しました。ありがとうございます。\n            </Typography>\n            <Typography color=\"textSecondary\" variant=\"caption\" as=\"p\">\n              お送りいただいたフィードバックは、問題の解決とサービスの改善に役立てさせていただきます。\n            </Typography>\n            <Button\n              color=\"primary\"\n              variant=\"filled\"\n              onClick={() => {\n                props.onClose?.();\n              }}\n            >\n              閉じる\n            </Button>\n          </div>\n        ) : (\n          <form\n            style={{\n              display: \"grid\",\n              gap: 24,\n            }}\n            onSubmit={async (event) => {\n              event.preventDefault();\n              setStatus(\"sending\");\n              const { error } = await submit(event.currentTarget);\n\n              /**\n               * 以下、対応が行われるまでは取れる値だけ送る\n               * https://github.com/matsuri-tech/matsuri-forms-manager-front/issues/265\n               */\n              const input = {\n                id,\n                userId: props.userId,\n                userName: props.userName,\n                serviceName: props.serviceName,\n                url: window.location.href,\n              };\n              throwAlert(error, {\n                ignoreSuccess: true,\n                errorMessage: {\n                  reason: \"サーバー側のエラーの可能性があります。\",\n                  action:\n                    \"しばらく時間を空けて試すか、開発チームへお問い合わせください。\",\n                  happend: \"フィードバックの送信に失敗しました。\",\n                },\n                onSuccess: () => {\n                  props.datadogLogs?.logger?.info?.(\n                    `Feedback: ${id} by ${props.userId}`,\n                    {\n                      input,\n                    },\n                  );\n\n                  window.setTimeout(() => {\n                    setStatus(\"completed\");\n                  }, 2000);\n                },\n                onError: () => {\n                  props.datadogLogs?.logger?.error?.(\n                    `Failed Feedback: ${input.id} by ${input.userId}`,\n                    { input, error },\n                  );\n\n                  window.setTimeout(() => {\n                    setStatus(\"started\");\n                  }, 2000);\n                },\n              });\n            }}\n          >\n            <TextQuestionContext.Provider\n              value={{\n                userId: props.userId,\n                userName: props.userName,\n                serviceName: props.serviceName,\n                url: window.location.href,\n                id,\n              }}\n            >\n              <MatsuriFormsQuestionProvider\n                renderSelect={SelectQuestion}\n                renderMultilineText={MultipleTextQuestion}\n                renderText={TextQuestion}\n              >\n                {questions.map((question) => {\n                  return (\n                    <MatsuriFormsQuestion {...question} key={question.id} />\n                  );\n                })}\n              </MatsuriFormsQuestionProvider>\n            </TextQuestionContext.Provider>\n            <div>\n              <Button\n                type=\"submit\"\n                color=\"primary\"\n                variant=\"filled\"\n                disabled={status === \"sending\"}\n                fullWidth\n              >\n                送信\n              </Button>\n              <Typography\n                variant=\"caption\"\n                style={{\n                  float: \"right\",\n                }}\n              >\n                {status === \"sending\" ? \"送信中...\" : undefined}\n                &nbsp;\n              </Typography>\n            </div>\n          </form>\n        )\n      }\n      {...props}\n    />\n  );\n};\n\ninterface FeedbackProviderProps {\n  userId?: string;\n  userName?: string;\n  serviceName: string;\n  datadogLogs?: {\n    logger: Logger;\n  };\n}\n\nexport const FeedbackProvider = ({\n  children,\n  ...modalProps\n}: PropsWithChildren<FeedbackProviderProps>) => {\n  const [open] = useModal(FeedbackProviderModal, {\n    enableClickOutside: true,\n    disableClose: false,\n  });\n  return (\n    <div>\n      {children}\n      <Portal>\n        <Button\n          style={{\n            position: \"fixed\",\n            bottom: 16,\n            right: 16,\n          }}\n          onClick={() => {\n            open(modalProps);\n          }}\n          type=\"button\"\n          icon={<FeedbackIcon />}\n          color=\"secondary\"\n          variant=\"filled\"\n          rounded\n        />\n      </Portal>\n    </div>\n  );\n};\n","import { MatsuriFormsMultilineTextQuestionProps } from \"matsuri-forms-sdk\";\nimport { MultipleTextField } from \"matsuri-ui\";\n\nexport const MultipleTextQuestion = (\n  props: MatsuriFormsMultilineTextQuestionProps,\n) => {\n  return (\n    <MultipleTextField\n      label=\"問題や提案について説明してください\"\n      required={props.required}\n      name={props.name}\n      rows={6}\n      helperText=\"現在開いているページのURLは自動的に送信されるため記載不要です\"\n    />\n  );\n};\n","import { Checkbox } from \"matsuri-ui\";\nimport { MatsuriFormsSelectQuestionProps } from \"matsuri-forms-sdk\";\n\nexport const SelectQuestion = (props: MatsuriFormsSelectQuestionProps) => {\n  return (\n    <div\n      style={{\n        display: \"flex\",\n        gap: 16,\n      }}\n    >\n      {props.options.map((option) => {\n        return (\n          <Checkbox\n            defaultChecked\n            type=\"radio\"\n            name={props.name}\n            value={option.value}\n            key={option.value}\n          >\n            {option.label}\n          </Checkbox>\n        );\n      })}\n    </div>\n  );\n};\n","import { StorageClient } from \"./lib/client\";\n\nclass M2mStorageClient extends StorageClient {}\n\nexport type { M2mStorageClient };\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 = globalThis.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 = globalThis.M2M_STORAGE;\n    if (storage) {\n      globalThis.clearTimeout(rejectTimer);\n      resolve(storage);\n    }\n\n    const timer = globalThis.setInterval(() => {\n      const storage = globalThis.M2M_STORAGE;\n      if (storage) {\n        globalThis.clearTimeout(rejectTimer);\n        globalThis.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 (globalThis.M2M_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  globalThis.M2M_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 globalThis.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  globalThis.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  globalThis.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","import { LitElement, css } from \"lit\";\nimport { Ref, createRef } from \"lit/directives/ref.js\";\nimport { property } from \"lit/decorators.js\";\n\nexport interface MenuAdditionalItem {\n  label: string;\n  href: string;\n}\n\nexport interface MenuBaseElementProps {\n  expanded: boolean;\n  additinalItems: MenuAdditionalItem[];\n}\n\nexport class MenuBaseElement extends LitElement {\n  static styles = css`\n    nav {\n      position: relative;\n      display: flex;\n    }\n    .navigation-drawer-controll-button {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      height: 42px;\n      padding: 0;\n      cursor: pointer;\n      background-color: transparent;\n      border: none;\n      transition: background-color 0.2s;\n      appearance: none;\n    }\n    .navigation-drawer-controll-button.navigation-drawer-controll-button--icon {\n      width: 42px;\n    }\n    .navigation-drawer-controll-button:hover {\n      background-color: rgba(0, 0, 0, 0.05);\n    }\n    .navigation-drawer-controll-button:active {\n      background-color: rgba(0, 0, 0, 0.075);\n    }\n\n    .navigation-drawer {\n      position: absolute;\n      top: 100%;\n      right: 0px;\n      z-index: 1100;\n      box-sizing: border-box;\n      min-width: 200px;\n      padding: 0px;\n      margin: 0px;\n      overflow: hidden;\n      color: rgba(0, 0, 0, 0.87);\n      white-space: nowrap;\n      list-style: none;\n      background-color: #fff;\n      border-radius: 5px;\n      box-shadow:\n        0px 1px 3px 0px rgb(0 0 0 / 20%),\n        0px 1px 1px 0px rgb(0 0 0 / 14%),\n        0px 2px 1px -1px rgb(0 0 0 / 12%);\n    }\n    .navigation-drawer-controll-button[aria-expanded=\"false\"]\n      ~ .navigation-drawer {\n      display: none;\n    }\n\n    .navigation-drawer li {\n      border-bottom: 1px solid #eeeeee;\n    }\n    .navigation-drawer li:last-of-type {\n      border-bottom: none;\n    }\n    .navigation-drawer li > a,\n    .navigation-drawer li > button {\n      box-sizing: border-box;\n      display: block;\n      width: 100%;\n      padding: 0;\n      padding: 0.6em 1em;\n      font: inherit;\n      color: inherit;\n      text-align: left;\n      text-decoration: none;\n      cursor: pointer;\n      cursor: pointer;\n      background-color: transparent;\n      border: none;\n      transition: 0.2s;\n      appearance: none;\n    }\n    .navigation-drawer li > a:hover,\n    .navigation-drawer li > button:hover {\n      background-color: #ededed;\n    }\n    .navigation-drawer li > a:active,\n    .navigation-drawer li > button:active {\n      background-color: #dadada;\n    }\n\n    .navigation-drawer li ul {\n      padding: 0;\n      list-style: none;\n    }\n    .navigation-drawer li:has(> ul) li > a {\n      padding-left: 2em;\n    }\n\n    .navigation-drawer li:has(> ul) > span {\n      display: block;\n      padding: 0.6em 1em;\n      border-bottom: 1px solid #eeeeee;\n    }\n  `;\n\n  handleClickOutside = (event: MouseEvent | TouchEvent) => {\n    if (\n      !this.listRef.value ||\n      this.listRef.value.contains(event.composedPath()[0] as Node)\n    ) {\n      return;\n    }\n    this.expanded = false;\n  };\n\n  @property({\n    type: Object,\n    attribute: \"additional-items\",\n  })\n  additinalItems: MenuBaseElementProps[\"additinalItems\"] = [];\n\n  @property()\n  expanded?: boolean = false;\n\n  handleToggleDrawer = (event: Event) => {\n    event.preventDefault();\n    event.stopPropagation();\n\n    // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions\n    this.expanded = !this.expanded;\n    if (this.expanded) {\n      window.addEventListener(\"click\", this.handleClickOutside, false);\n    }\n  };\n\n  protected updated() {\n    if (this.expanded === false) {\n      window.removeEventListener(\"click\", this.handleClickOutside, false);\n    }\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    window.removeEventListener(\"click\", this.handleClickOutside, false);\n  }\n\n  listRef: Ref = createRef();\n}\n","import { MenuBaseElement, MenuBaseElementProps } from \"./MenuBaseElement\";\nimport { customElement } from \"lit/decorators.js\";\nimport { getDomains } from \"./domains\";\nimport { html } from \"lit\";\nimport { ref } from \"lit/directives/ref.js\";\n\nexport type M2MAppsMenuProps = MenuBaseElementProps;\n\n@customElement(\"m2m-apps-menu\")\nexport class M2MAppsMenu extends MenuBaseElement {\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    const isHidden = this.expanded === false || this.expanded === undefined;\n    return html`<nav>\n      <button\n        type=\"button\"\n        class=\"navigation-drawer-controll-button navigation-drawer-controll-button--icon\"\n        aria-controls=\"m2m-apps-menu__navigation-drawer\"\n        aria-expanded=${this.expanded}\n        @click=${this.handleToggleDrawer}\n      >\n        <svg\n          xmlns=\"http://www.w3.org/2000/svg\"\n          width=\"38px\"\n          height=\"38px\"\n          viewBox=\"0 0 24 24\"\n        >\n          <path\n            d=\"M4 8h4V4H4v4zm6 12h4v-4h-4v4zm-6 0h4v-4H4v4zm0-6h4v-4H4v4zm6 0h4v-4h-4v4zm6-10v4h4V4h-4zm-6 4h4V4h-4v4zm6 6h4v-4h-4v4zm0 6h4v-4h-4v4z\"\n          />\n        </svg>\n      </button>\n      <ul\n        ${ref(this.listRef)}\n        id=\"m2m-apps-menu__navigation-drawer\"\n        aria-hidden=${isHidden}\n        class=\"navigation-drawer\"\n      >\n        <li>\n          <span>m2m Series</span>\n          <ul>\n            <li><a href=\"${domains.core}\">Core 施設管理</a></li>\n            <li><a href=\"${domains.checkin}\">Checkin ゲストチェックイン</a></li>\n            <li><a href=\"${domains.systems}\">Systems Airbnb連携</a></li>\n            <li><a href=\"${domains.cleaning}\">Cleaning 清掃管理</a></li>\n            <li><a href=\"${domains.inspection}\">Inspection 内見チェック</a></li>\n            <li><a href=\"${domains.users}\">Users アカウント管理</a></li>\n          </ul>\n        </li>\n        <li>\n          <a href=\"${domains.sumyca}\">Sumyca マンスリープラットフォーム</a>\n        </li>\n        ${additionalItems}\n      </ul>\n    </nav>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"m2m-apps-menu\": M2MAppsMenu;\n  }\n}\n","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    const isHidden = this.expanded === false || this.expanded === undefined;\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=${isHidden}\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","import { Subscription } from \"./domain\";\nimport { fetcher } from \"matsuri-hooks\";\nimport { m2mNotifications_v1 } from \"../endpoints/m2m-notifications.v1\";\n\nexport const requestUpdateNotificationStatusToRead = async (\n  token: string,\n  id: string,\n) => {\n  await fetcher(\n    m2mNotifications_v1.updateNotificationStatus({\n      id,\n    }),\n    {\n      method: \"PUT\",\n      token,\n      body: JSON.stringify({ status: \"read\" }),\n    },\n  );\n};\n\nexport const requestSubscribe = async (\n  token: string,\n  serviceId: string,\n  input: Pick<Subscription, \"notificationType\" | \"resourceSubscription\">,\n) => {\n  const { error } = await fetcher(m2mNotifications_v1.saveSubscription(), {\n    method: \"POST\",\n    token,\n    body: JSON.stringify({\n      ...input,\n      serviceId,\n      status: \"subscribed\",\n    }),\n  });\n  if (error) {\n    console.error(error);\n  }\n};\n\nexport const requestUnSubscribe = async (\n  token: string,\n  serviceId: string,\n  input: Pick<Subscription, \"notificationType\" | \"resourceSubscription\">,\n) => {\n  const { error } = await fetcher(m2mNotifications_v1.saveSubscription(), {\n    method: \"POST\",\n    token,\n    body: JSON.stringify({\n      ...input,\n      serviceId,\n      status: \"denied\",\n    }),\n  });\n  if (error) {\n    console.error(error);\n  }\n};\n","import React, { createContext, useMemo } from \"react\";\n\ninterface ServiceIdContextState {\n  serviceId: string;\n}\n\nconst ServiceIdContext = createContext<ServiceIdContextState | undefined>(\n  undefined,\n);\n\nexport const ServiceIdProvider = ({\n  serviceId,\n  children,\n}: {\n  serviceId: string;\n  children: React.ReactNode;\n}) => {\n  const state = useMemo(() => ({ serviceId }), [serviceId]);\n\n  return (\n    <ServiceIdContext.Provider value={state}>\n      {children}\n    </ServiceIdContext.Provider>\n  );\n};\n\nexport const useServiceId = () => {\n  const context = React.useContext(ServiceIdContext);\n  if (context === undefined) {\n    throw new Error(\"useServiceId must be used within a ServiceIdProvider\");\n  }\n  return context.serviceId;\n};\n","import { Notification, Subscription, SubscriptionStatus } from \"./domain\";\nimport {\n  PropsWithChildren,\n  createContext,\n  useCallback,\n  useContext,\n} from \"react\";\nimport { m2mNotifications_v1 } from \"../endpoints/m2m-notifications.v1\";\nimport { useAuthFetch } from \"matsuri-hooks\";\nimport { useMemo } from \"react\";\nimport { useServiceId } from \"./ServiceIdProvider\";\n\nconst NotificationPermissionContext = createContext<\n  | {\n      checkPermission: (\n        notificationType: string,\n      ) => SubscriptionStatus | undefined;\n      refetch: () => void;\n    }\n  | undefined\n>(undefined);\n\nconst NotificationsContext = createContext<\n  | { notifications: Notification[]; isAllRead: boolean; refetch: () => void }\n  | undefined\n>(undefined);\n\n// ServiceIdProviderの中で使うこと\nexport const NotificationsProvider = ({\n  token,\n  children,\n}: PropsWithChildren<{ token: string }>) => {\n  const serviceId = useServiceId();\n\n  const { data: subscriptions, refetch: refetchSubscriptions } = useAuthFetch<\n    Subscription[]\n  >(token, m2mNotifications_v1.findMySubscriptions(), {});\n  const checkPermission = useCallback(\n    (notificationType: string) => {\n      const subscription = subscriptions?.find((item) => {\n        return (\n          item.serviceId === serviceId &&\n          item.notificationType === notificationType &&\n          item.resourceSubscription.resourceSelectType === \"any\"\n        );\n      });\n\n      return subscription?.status;\n    },\n    [serviceId, subscriptions],\n  );\n\n  const {\n    data: notifications,\n    error,\n    refetch: refetchNotifications,\n  } = useAuthFetch<{ data: Notification[] }>(\n    token,\n    m2mNotifications_v1.findNotificationsByServiceId({ id: serviceId }),\n    { swrConfig: { refreshInterval: 1000 * 60 * 5 } },\n  );\n  if (error) {\n    // エラーが出てもユーザーは特に困らないので、ユーザーに伝える必要はないが、監視は必要。\n    console.error(error);\n  }\n\n  const permissionContextState = useMemo(() => {\n    return {\n      checkPermission,\n      refetch: refetchSubscriptions,\n    };\n  }, [checkPermission, refetchSubscriptions]);\n\n  const notificationsContextState = useMemo(() => {\n    return {\n      notifications: notifications?.data ?? [],\n      isAllRead: notifications?.data.every((n) => n.status === \"read\") ?? true,\n      refetch: refetchNotifications,\n    };\n  }, [refetchNotifications, notifications?.data]);\n\n  return (\n    <NotificationPermissionContext.Provider value={permissionContextState}>\n      <NotificationsContext.Provider value={notificationsContextState}>\n        {children}\n      </NotificationsContext.Provider>\n    </NotificationPermissionContext.Provider>\n  );\n};\n\nexport const useNotifications = () => {\n  const ctx = useContext(NotificationsContext);\n  if (!ctx) {\n    throw new Error(\"NotificatoinProvider is not found\");\n  }\n\n  return ctx;\n};\n\nexport const useNotificationPermission = () => {\n  const ctx = useContext(NotificationPermissionContext);\n  if (!ctx) {\n    throw new Error(\"NotificatoinProvider is not found\");\n  }\n\n  return ctx;\n};\n"],"mappings":"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","names":["import_matsuri_ui","import_matsuri_ui","import_jsx_runtime","import_jsx_runtime","import_react","FeedbackIconBase","storage","import_decorators","import_lit","import_ref","import_decorators","import_lit","import_ref","import_react","import_jsx_runtime","import_react","import_matsuri_hooks","import_react","import_jsx_runtime"]}
+{"version":3,"sources":["../src/domains.ts","../src/feedback/index.tsx","../src/feedback/MultipleTextQuestion.tsx","../src/feedback/SelectQuestion.tsx","../src/storage/client.ts","../src/MenuBaseElement.ts","../src/m2m-apps-menu.ts","../src/m2m-user-menu.ts","../src/notification/api.ts","../src/notification/ServiceIdProvider.tsx","../src/notification/NotificationProvider.tsx"],"sourcesContent":["export const useDomains = () => {\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","import {\n  Button,\n  Modal,\n  ModalProps,\n  Portal,\n  Typography,\n  useAlert,\n  useModal,\n} from \"matsuri-ui\";\nimport { type Logger } from \"@datadog/browser-logs\";\nimport {\n  MatsuriFormsQuestion,\n  MatsuriFormsQuestionProvider,\n  MatsuriFormsTextQuestionProps,\n  useMatsuriForms,\n} from \"matsuri-forms-sdk\";\nimport { MultipleTextQuestion } from \"./MultipleTextQuestion\";\nimport { PropsWithChildren, createContext, useContext, useState } from \"react\";\nimport { SelectQuestion } from \"./SelectQuestion\";\nimport { getRandomId } from \"./getRandomId\";\nimport FeedbackIconBase from \"@mui/icons-material/Feedback\";\n\n/**\n * これはワークアラウンドです。\n * これを行わずに、MuiIconをそのまま使うと、トランスパイル後のコードで次のようなエラーが発生し、コンポーネントを描画できなくなります。\n * `Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object.`\n * 関連リンク：\n * https://stackoverflow.com/questions/72008357/mui-icons-used-in-shared-react-component-library-wont-render-error-element-ty\n * https://github.com/mui/material-ui/issues/35535\n */\nconst normalizeIcon = <T,>(Icon: T): T => {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/no-unsafe-member-access\n  return ((Icon as any).default ? (Icon as any).default : Icon) as T;\n};\nconst FeedbackIcon = normalizeIcon(FeedbackIconBase);\n\nconst getFormId = () => {\n  return globalThis.M2M_COMPONENTS_ENV === \"production\"\n    ? \"01GWRQ1MRS7PE29XGRETFZ6D7Y\"\n    : \"01GTBSYMGPMX91E96P007SXEMH\";\n};\n\ninterface TextQuestionContextValue {\n  userId?: string;\n  userName?: string;\n  serviceName?: string;\n  url?: string;\n  id?: string;\n}\n\nconst TextQuestionContext = createContext<TextQuestionContextValue>({});\n\nconst TextQuestion = (props: MatsuriFormsTextQuestionProps) => {\n  const context = useContext(TextQuestionContext);\n  return (\n    <input\n      value={context[props.title as keyof TextQuestionContextValue]}\n      type=\"hidden\"\n      name={props.name}\n    />\n  );\n};\n\ninterface FeedbackProviderModalProps\n  extends Partial<ModalProps>,\n    FeedbackProviderProps {}\n\nconst FeedbackProviderModal = (props: FeedbackProviderModalProps) => {\n  const { questions, submit } = useMatsuriForms(getFormId(), {\n    dev: globalThis.M2M_COMPONENTS_ENV !== \"production\",\n  });\n\n  const { throwAlert } = useAlert();\n\n  const [status, setStatus] = useState<\"started\" | \"sending\" | \"completed\">(\n    \"started\",\n  );\n\n  const id = getRandomId();\n\n  return (\n    <Modal\n      backdrop\n      width={600}\n      maxWidth={600}\n      header={<Typography variant=\"h3\">フィードバックを送信</Typography>}\n      body={\n        status === \"completed\" ? (\n          <div\n            style={{\n              display: \"grid\",\n              gap: 32,\n            }}\n          >\n            <Typography>\n              レポートを送信しました。ありがとうございます。\n            </Typography>\n            <Typography color=\"textSecondary\" variant=\"caption\" as=\"p\">\n              お送りいただいたフィードバックは、問題の解決とサービスの改善に役立てさせていただきます。\n            </Typography>\n            <Button\n              color=\"primary\"\n              variant=\"filled\"\n              onClick={() => {\n                props.onClose?.();\n              }}\n            >\n              閉じる\n            </Button>\n          </div>\n        ) : (\n          <form\n            style={{\n              display: \"grid\",\n              gap: 24,\n            }}\n            onSubmit={async (event) => {\n              event.preventDefault();\n              setStatus(\"sending\");\n              const { error } = await submit(event.currentTarget);\n\n              /**\n               * 以下、対応が行われるまでは取れる値だけ送る\n               * https://github.com/matsuri-tech/matsuri-forms-manager-front/issues/265\n               */\n              const input = {\n                id,\n                userId: props.userId,\n                userName: props.userName,\n                serviceName: props.serviceName,\n                url: window.location.href,\n              };\n              throwAlert(error, {\n                ignoreSuccess: true,\n                errorMessage: {\n                  reason: \"サーバー側のエラーの可能性があります。\",\n                  action:\n                    \"しばらく時間を空けて試すか、開発チームへお問い合わせください。\",\n                  happend: \"フィードバックの送信に失敗しました。\",\n                },\n                onSuccess: () => {\n                  props.datadogLogs?.logger?.info?.(\n                    `Feedback: ${id} by ${props.userId}`,\n                    {\n                      input,\n                    },\n                  );\n\n                  window.setTimeout(() => {\n                    setStatus(\"completed\");\n                  }, 2000);\n                },\n                onError: () => {\n                  props.datadogLogs?.logger?.error?.(\n                    `Failed Feedback: ${input.id} by ${input.userId}`,\n                    { input, error },\n                  );\n\n                  window.setTimeout(() => {\n                    setStatus(\"started\");\n                  }, 2000);\n                },\n              });\n            }}\n          >\n            <TextQuestionContext.Provider\n              value={{\n                userId: props.userId,\n                userName: props.userName,\n                serviceName: props.serviceName,\n                url: window.location.href,\n                id,\n              }}\n            >\n              <MatsuriFormsQuestionProvider\n                renderSelect={SelectQuestion}\n                renderMultilineText={MultipleTextQuestion}\n                renderText={TextQuestion}\n              >\n                {questions.map((question) => {\n                  return (\n                    <MatsuriFormsQuestion {...question} key={question.id} />\n                  );\n                })}\n              </MatsuriFormsQuestionProvider>\n            </TextQuestionContext.Provider>\n            <div>\n              <Button\n                type=\"submit\"\n                color=\"primary\"\n                variant=\"filled\"\n                disabled={status === \"sending\"}\n                fullWidth\n              >\n                送信\n              </Button>\n              <Typography\n                variant=\"caption\"\n                style={{\n                  float: \"right\",\n                }}\n              >\n                {status === \"sending\" ? \"送信中...\" : undefined}\n                &nbsp;\n              </Typography>\n            </div>\n          </form>\n        )\n      }\n      {...props}\n    />\n  );\n};\n\ninterface FeedbackProviderProps {\n  userId?: string;\n  userName?: string;\n  serviceName: string;\n  datadogLogs?: {\n    logger: Logger;\n  };\n}\n\nexport const FeedbackProvider = ({\n  children,\n  ...modalProps\n}: PropsWithChildren<FeedbackProviderProps>) => {\n  const [open] = useModal(FeedbackProviderModal, {\n    enableClickOutside: true,\n    disableClose: false,\n  });\n  return (\n    <div>\n      {children}\n      <Portal>\n        <Button\n          style={{\n            position: \"fixed\",\n            bottom: 16,\n            right: 16,\n          }}\n          onClick={() => {\n            open(modalProps);\n          }}\n          type=\"button\"\n          icon={<FeedbackIcon />}\n          color=\"secondary\"\n          variant=\"filled\"\n          rounded\n        />\n      </Portal>\n    </div>\n  );\n};\n","import { MatsuriFormsMultilineTextQuestionProps } from \"matsuri-forms-sdk\";\nimport { MultipleTextField } from \"matsuri-ui\";\n\nexport const MultipleTextQuestion = (\n  props: MatsuriFormsMultilineTextQuestionProps,\n) => {\n  return (\n    <MultipleTextField\n      label=\"問題や提案について説明してください\"\n      required={props.required}\n      name={props.name}\n      rows={6}\n      helperText=\"現在開いているページのURLは自動的に送信されるため記載不要です\"\n    />\n  );\n};\n","import { Checkbox } from \"matsuri-ui\";\nimport { MatsuriFormsSelectQuestionProps } from \"matsuri-forms-sdk\";\n\nexport const SelectQuestion = (props: MatsuriFormsSelectQuestionProps) => {\n  return (\n    <div\n      style={{\n        display: \"flex\",\n        gap: 16,\n      }}\n    >\n      {props.options.map((option) => {\n        return (\n          <Checkbox\n            defaultChecked\n            type=\"radio\"\n            name={props.name}\n            value={option.value}\n            key={option.value}\n          >\n            {option.label}\n          </Checkbox>\n        );\n      })}\n    </div>\n  );\n};\n","import { StorageClient } from \"./lib/client\";\n\nclass M2mStorageClient extends StorageClient {}\n\nexport type { M2mStorageClient };\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 = globalThis.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 = globalThis.M2M_STORAGE;\n    if (storage) {\n      globalThis.clearTimeout(rejectTimer);\n      resolve(storage);\n    }\n\n    const timer = globalThis.setInterval(() => {\n      const storage = globalThis.M2M_STORAGE;\n      if (storage) {\n        globalThis.clearTimeout(rejectTimer);\n        globalThis.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 (globalThis.M2M_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  globalThis.M2M_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 globalThis.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  globalThis.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  globalThis.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","import { LitElement, css } from \"lit\";\nimport { Ref, createRef } from \"lit/directives/ref.js\";\nimport { property } from \"lit/decorators.js\";\n\nexport interface MenuAdditionalItem {\n  label: string;\n  href: string;\n}\n\nexport interface MenuBaseElementProps {\n  expanded: boolean;\n  additinalItems: MenuAdditionalItem[];\n}\n\nexport class MenuBaseElement extends LitElement {\n  static styles = css`\n    nav {\n      position: relative;\n      display: flex;\n    }\n    .navigation-drawer-controll-button {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      height: 42px;\n      padding: 0;\n      cursor: pointer;\n      background-color: transparent;\n      border: none;\n      transition: background-color 0.2s;\n      appearance: none;\n    }\n    .navigation-drawer-controll-button.navigation-drawer-controll-button--icon {\n      width: 42px;\n    }\n    .navigation-drawer-controll-button:hover {\n      background-color: rgba(0, 0, 0, 0.05);\n    }\n    .navigation-drawer-controll-button:active {\n      background-color: rgba(0, 0, 0, 0.075);\n    }\n\n    .navigation-drawer {\n      position: absolute;\n      top: 100%;\n      right: 0px;\n      z-index: 1100;\n      box-sizing: border-box;\n      min-width: 200px;\n      padding: 0px;\n      margin: 0px;\n      overflow: hidden;\n      color: rgba(0, 0, 0, 0.87);\n      white-space: nowrap;\n      list-style: none;\n      background-color: #fff;\n      border-radius: 5px;\n      box-shadow:\n        0px 1px 3px 0px rgb(0 0 0 / 20%),\n        0px 1px 1px 0px rgb(0 0 0 / 14%),\n        0px 2px 1px -1px rgb(0 0 0 / 12%);\n    }\n    .navigation-drawer-controll-button[aria-expanded=\"false\"]\n      ~ .navigation-drawer {\n      display: none;\n    }\n\n    .navigation-drawer li {\n      border-bottom: 1px solid #eeeeee;\n    }\n    .navigation-drawer li:last-of-type {\n      border-bottom: none;\n    }\n    .navigation-drawer li > a,\n    .navigation-drawer li > button {\n      box-sizing: border-box;\n      display: block;\n      width: 100%;\n      padding: 0;\n      padding: 0.6em 1em;\n      font: inherit;\n      color: inherit;\n      text-align: left;\n      text-decoration: none;\n      cursor: pointer;\n      cursor: pointer;\n      background-color: transparent;\n      border: none;\n      transition: 0.2s;\n      appearance: none;\n    }\n    .navigation-drawer li > a:hover,\n    .navigation-drawer li > button:hover {\n      background-color: #ededed;\n    }\n    .navigation-drawer li > a:active,\n    .navigation-drawer li > button:active {\n      background-color: #dadada;\n    }\n\n    .navigation-drawer li ul {\n      padding: 0;\n      list-style: none;\n    }\n    .navigation-drawer li:has(> ul) li > a {\n      padding-left: 2em;\n    }\n\n    .navigation-drawer li:has(> ul) > span {\n      display: block;\n      padding: 0.6em 1em;\n      border-bottom: 1px solid #eeeeee;\n    }\n  `;\n\n  handleClickOutside = (event: MouseEvent | TouchEvent) => {\n    if (\n      !this.listRef.value ||\n      this.listRef.value.contains(event.composedPath()[0] as Node)\n    ) {\n      return;\n    }\n    this.expanded = false;\n  };\n\n  @property({\n    type: Object,\n    attribute: \"additional-items\",\n  })\n  additinalItems: MenuBaseElementProps[\"additinalItems\"] = [];\n\n  @property()\n  expanded?: boolean = false;\n\n  handleToggleDrawer = (event: Event) => {\n    event.preventDefault();\n    event.stopPropagation();\n\n    // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions\n    this.expanded = !this.expanded;\n    if (this.expanded) {\n      window.addEventListener(\"click\", this.handleClickOutside, false);\n    }\n  };\n\n  protected updated() {\n    if (this.expanded === false) {\n      window.removeEventListener(\"click\", this.handleClickOutside, false);\n    }\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    window.removeEventListener(\"click\", this.handleClickOutside, false);\n  }\n\n  listRef: Ref = createRef();\n}\n","import { MenuBaseElement, MenuBaseElementProps } from \"./MenuBaseElement\";\nimport { customElement } from \"lit/decorators.js\";\nimport { html } from \"lit\";\nimport { ref } from \"lit/directives/ref.js\";\nimport { useDomains } from \"./domains\";\n\nexport type M2MAppsMenuProps = MenuBaseElementProps;\n\n@customElement(\"m2m-apps-menu\")\nexport class M2MAppsMenu extends MenuBaseElement {\n  render() {\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    const domains = useDomains();\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    const isHidden = this.expanded === false || this.expanded === undefined;\n    return html`<nav>\n      <button\n        type=\"button\"\n        class=\"navigation-drawer-controll-button navigation-drawer-controll-button--icon\"\n        aria-controls=\"m2m-apps-menu__navigation-drawer\"\n        aria-expanded=${this.expanded}\n        @click=${this.handleToggleDrawer}\n      >\n        <svg\n          xmlns=\"http://www.w3.org/2000/svg\"\n          width=\"38px\"\n          height=\"38px\"\n          viewBox=\"0 0 24 24\"\n        >\n          <path\n            d=\"M4 8h4V4H4v4zm6 12h4v-4h-4v4zm-6 0h4v-4H4v4zm0-6h4v-4H4v4zm6 0h4v-4h-4v4zm6-10v4h4V4h-4zm-6 4h4V4h-4v4zm6 6h4v-4h-4v4zm0 6h4v-4h-4v4z\"\n          />\n        </svg>\n      </button>\n      <ul\n        ${ref(this.listRef)}\n        id=\"m2m-apps-menu__navigation-drawer\"\n        aria-hidden=${isHidden}\n        class=\"navigation-drawer\"\n      >\n        <li>\n          <span>m2m Series</span>\n          <ul>\n            <li><a href=\"${domains.core}\">Core 施設管理</a></li>\n            <li><a href=\"${domains.checkin}\">Checkin ゲストチェックイン</a></li>\n            <li><a href=\"${domains.systems}\">Systems Airbnb連携</a></li>\n            <li><a href=\"${domains.cleaning}\">Cleaning 清掃管理</a></li>\n            <li><a href=\"${domains.inspection}\">Inspection 内見チェック</a></li>\n            <li><a href=\"${domains.users}\">Users アカウント管理</a></li>\n          </ul>\n        </li>\n        <li>\n          <a href=\"${domains.sumyca}\">Sumyca マンスリープラットフォーム</a>\n        </li>\n        ${additionalItems}\n      </ul>\n    </nav>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"m2m-apps-menu\": M2MAppsMenu;\n  }\n}\n","import { MenuBaseElement, MenuBaseElementProps } from \"./MenuBaseElement\";\nimport { customElement } from \"lit/decorators.js\";\nimport { html } from \"lit\";\nimport { m2mAuthTokenApi } from \"./storage/client\";\nimport { ref } from \"lit/directives/ref.js\";\nimport { useDomains } from \"./domains\";\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    // eslint-disable-next-line react-hooks/rules-of-hooks\n    const domains = useDomains();\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    const isHidden = this.expanded === false || this.expanded === undefined;\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=${isHidden}\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","import { Subscription } from \"./domain\";\nimport { fetcher } from \"matsuri-hooks\";\nimport { m2mNotifications_v1 } from \"../endpoints/m2m-notifications.v1\";\n\nexport const requestUpdateNotificationStatusToRead = async (\n  token: string,\n  id: string,\n) => {\n  await fetcher(\n    m2mNotifications_v1.updateNotificationStatus({\n      id,\n    }),\n    {\n      method: \"PUT\",\n      token,\n      body: JSON.stringify({ status: \"read\" }),\n    },\n  );\n};\n\nexport const requestSubscribe = async (\n  token: string,\n  serviceId: string,\n  input: Pick<Subscription, \"notificationType\" | \"resourceSubscription\">,\n) => {\n  const { error } = await fetcher(m2mNotifications_v1.saveSubscription(), {\n    method: \"POST\",\n    token,\n    body: JSON.stringify({\n      ...input,\n      serviceId,\n      status: \"subscribed\",\n    }),\n  });\n  if (error) {\n    console.error(error);\n  }\n};\n\nexport const requestUnSubscribe = async (\n  token: string,\n  serviceId: string,\n  input: Pick<Subscription, \"notificationType\" | \"resourceSubscription\">,\n) => {\n  const { error } = await fetcher(m2mNotifications_v1.saveSubscription(), {\n    method: \"POST\",\n    token,\n    body: JSON.stringify({\n      ...input,\n      serviceId,\n      status: \"denied\",\n    }),\n  });\n  if (error) {\n    console.error(error);\n  }\n};\n","import React, { createContext, useMemo } from \"react\";\n\ninterface ServiceIdContextState {\n  serviceId: string;\n}\n\nconst ServiceIdContext = createContext<ServiceIdContextState | undefined>(\n  undefined,\n);\n\nexport const ServiceIdProvider = ({\n  serviceId,\n  children,\n}: {\n  serviceId: string;\n  children: React.ReactNode;\n}) => {\n  const state = useMemo(() => ({ serviceId }), [serviceId]);\n\n  return (\n    <ServiceIdContext.Provider value={state}>\n      {children}\n    </ServiceIdContext.Provider>\n  );\n};\n\nexport const useServiceId = () => {\n  const context = React.useContext(ServiceIdContext);\n  if (context === undefined) {\n    throw new Error(\"useServiceId must be used within a ServiceIdProvider\");\n  }\n  return context.serviceId;\n};\n","import { Notification, Subscription, SubscriptionStatus } from \"./domain\";\nimport {\n  PropsWithChildren,\n  createContext,\n  useCallback,\n  useContext,\n} from \"react\";\nimport { m2mNotifications_v1 } from \"../endpoints/m2m-notifications.v1\";\nimport { useAuthFetch } from \"matsuri-hooks\";\nimport { useMemo } from \"react\";\nimport { useServiceId } from \"./ServiceIdProvider\";\n\nconst NotificationPermissionContext = createContext<\n  | {\n      checkPermission: (\n        notificationType: string,\n      ) => SubscriptionStatus | undefined;\n      refetch: () => void;\n    }\n  | undefined\n>(undefined);\n\nconst NotificationsContext = createContext<\n  | { notifications: Notification[]; isAllRead: boolean; refetch: () => void }\n  | undefined\n>(undefined);\n\n// ServiceIdProviderの中で使うこと\nexport const NotificationsProvider = ({\n  token,\n  children,\n}: PropsWithChildren<{ token: string }>) => {\n  const serviceId = useServiceId();\n\n  const { data: subscriptions, refetch: refetchSubscriptions } = useAuthFetch<\n    Subscription[]\n  >(token, m2mNotifications_v1.findMySubscriptions(), {});\n  const checkPermission = useCallback(\n    (notificationType: string) => {\n      const subscription = subscriptions?.find((item) => {\n        return (\n          item.serviceId === serviceId &&\n          item.notificationType === notificationType &&\n          item.resourceSubscription.resourceSelectType === \"any\"\n        );\n      });\n\n      return subscription?.status;\n    },\n    [serviceId, subscriptions],\n  );\n\n  const {\n    data: notifications,\n    error,\n    refetch: refetchNotifications,\n  } = useAuthFetch<{ data: Notification[] }>(\n    token,\n    m2mNotifications_v1.findNotificationsByServiceId({ id: serviceId }),\n    { swrConfig: { refreshInterval: 1000 * 60 * 5 } },\n  );\n  if (error) {\n    // エラーが出てもユーザーは特に困らないので、ユーザーに伝える必要はないが、監視は必要。\n    console.error(error);\n  }\n\n  const permissionContextState = useMemo(() => {\n    return {\n      checkPermission,\n      refetch: refetchSubscriptions,\n    };\n  }, [checkPermission, refetchSubscriptions]);\n\n  const notificationsContextState = useMemo(() => {\n    return {\n      notifications: notifications?.data ?? [],\n      isAllRead: notifications?.data.every((n) => n.status === \"read\") ?? true,\n      refetch: refetchNotifications,\n    };\n  }, [refetchNotifications, notifications?.data]);\n\n  return (\n    <NotificationPermissionContext.Provider value={permissionContextState}>\n      <NotificationsContext.Provider value={notificationsContextState}>\n        {children}\n      </NotificationsContext.Provider>\n    </NotificationPermissionContext.Provider>\n  );\n};\n\nexport const useNotifications = () => {\n  const ctx = useContext(NotificationsContext);\n  if (!ctx) {\n    throw new Error(\"NotificatoinProvider is not found\");\n  }\n\n  return ctx;\n};\n\nexport const useNotificationPermission = () => {\n  const ctx = useContext(NotificationPermissionContext);\n  if (!ctx) {\n    throw new Error(\"NotificatoinProvider is not found\");\n  }\n\n  return ctx;\n};\n"],"mappings":"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","names":["import_matsuri_ui","import_matsuri_ui","import_jsx_runtime","import_jsx_runtime","import_react","FeedbackIconBase","storage","import_decorators","import_lit","import_ref","import_decorators","import_lit","import_ref","import_react","import_jsx_runtime","import_react","import_matsuri_hooks","import_react","import_jsx_runtime"]}

package/index.mjs

@@ -11,11 +11,11 @@ import "./chunk-M2D55I4L.mjs";
 import "./chunk-SXIYWN76.mjs";
 import "./chunk-CTGSJWXT.mjs";
 import "./chunk-FK5456TR.mjs";
-import "./chunk-YXPSTKYY.mjs";
-import "./chunk-SF2L3P2H.mjs";
+import "./chunk-IUVQPLD7.mjs";
+import "./chunk-KHXCCRGE.mjs";
 import "./chunk-5DZIFMOT.mjs";
 import "./chunk-PB3E5UQP.mjs";
 import "./chunk-HI2D4CLX.mjs";
-import "./chunk-B7STDXYN.mjs";
+import "./chunk-27HPP73N.mjs";
 import "./chunk-QH5I6YL2.mjs";
 //# sourceMappingURL=index.mjs.map

package/m2m-apps-menu.js

@@ -180,9 +180,11 @@ __decorateClass([
 
 // src/m2m-apps-menu.ts
 var import_decorators2 = require("lit/decorators.js");
+var import_lit2 = require("lit");
+var import_ref2 = require("lit/directives/ref.js");
 
 // src/domains.ts
-var getDomains = () => {
+var useDomains = () => {
   return globalThis.M2M_COMPONENTS_ENV === "production" ? {
     core: "https://core.m2msystems.cloud",
     sumyca: "https://manage.sumyca.com",
@@ -203,12 +205,10 @@ var getDomains = () => {
 };
 
 // src/m2m-apps-menu.ts
-var import_lit2 = require("lit");
-var import_ref2 = require("lit/directives/ref.js");
 var M2MAppsMenu = class extends MenuBaseElement {
   render() {
     var _a;
-    const domains = getDomains();
+    const domains = useDomains();
     const additionalItems = (_a = this.additinalItems) == null ? void 0 : _a.map((item) => {
       return import_lit2.html`
         <li>

package/m2m-apps-menu.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/m2m-apps-menu.ts","../src/MenuBaseElement.ts","../src/domains.ts"],"sourcesContent":["import { MenuBaseElement, MenuBaseElementProps } from \"./MenuBaseElement\";\nimport { customElement } from \"lit/decorators.js\";\nimport { getDomains } from \"./domains\";\nimport { html } from \"lit\";\nimport { ref } from \"lit/directives/ref.js\";\n\nexport type M2MAppsMenuProps = MenuBaseElementProps;\n\n@customElement(\"m2m-apps-menu\")\nexport class M2MAppsMenu extends MenuBaseElement {\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    const isHidden = this.expanded === false || this.expanded === undefined;\n    return html`<nav>\n      <button\n        type=\"button\"\n        class=\"navigation-drawer-controll-button navigation-drawer-controll-button--icon\"\n        aria-controls=\"m2m-apps-menu__navigation-drawer\"\n        aria-expanded=${this.expanded}\n        @click=${this.handleToggleDrawer}\n      >\n        <svg\n          xmlns=\"http://www.w3.org/2000/svg\"\n          width=\"38px\"\n          height=\"38px\"\n          viewBox=\"0 0 24 24\"\n        >\n          <path\n            d=\"M4 8h4V4H4v4zm6 12h4v-4h-4v4zm-6 0h4v-4H4v4zm0-6h4v-4H4v4zm6 0h4v-4h-4v4zm6-10v4h4V4h-4zm-6 4h4V4h-4v4zm6 6h4v-4h-4v4zm0 6h4v-4h-4v4z\"\n          />\n        </svg>\n      </button>\n      <ul\n        ${ref(this.listRef)}\n        id=\"m2m-apps-menu__navigation-drawer\"\n        aria-hidden=${isHidden}\n        class=\"navigation-drawer\"\n      >\n        <li>\n          <span>m2m Series</span>\n          <ul>\n            <li><a href=\"${domains.core}\">Core 施設管理</a></li>\n            <li><a href=\"${domains.checkin}\">Checkin ゲストチェックイン</a></li>\n            <li><a href=\"${domains.systems}\">Systems Airbnb連携</a></li>\n            <li><a href=\"${domains.cleaning}\">Cleaning 清掃管理</a></li>\n            <li><a href=\"${domains.inspection}\">Inspection 内見チェック</a></li>\n            <li><a href=\"${domains.users}\">Users アカウント管理</a></li>\n          </ul>\n        </li>\n        <li>\n          <a href=\"${domains.sumyca}\">Sumyca マンスリープラットフォーム</a>\n        </li>\n        ${additionalItems}\n      </ul>\n    </nav>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"m2m-apps-menu\": M2MAppsMenu;\n  }\n}\n","import { LitElement, css } from \"lit\";\nimport { Ref, createRef } from \"lit/directives/ref.js\";\nimport { property } from \"lit/decorators.js\";\n\nexport interface MenuAdditionalItem {\n  label: string;\n  href: string;\n}\n\nexport interface MenuBaseElementProps {\n  expanded: boolean;\n  additinalItems: MenuAdditionalItem[];\n}\n\nexport class MenuBaseElement extends LitElement {\n  static styles = css`\n    nav {\n      position: relative;\n      display: flex;\n    }\n    .navigation-drawer-controll-button {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      height: 42px;\n      padding: 0;\n      cursor: pointer;\n      background-color: transparent;\n      border: none;\n      transition: background-color 0.2s;\n      appearance: none;\n    }\n    .navigation-drawer-controll-button.navigation-drawer-controll-button--icon {\n      width: 42px;\n    }\n    .navigation-drawer-controll-button:hover {\n      background-color: rgba(0, 0, 0, 0.05);\n    }\n    .navigation-drawer-controll-button:active {\n      background-color: rgba(0, 0, 0, 0.075);\n    }\n\n    .navigation-drawer {\n      position: absolute;\n      top: 100%;\n      right: 0px;\n      z-index: 1100;\n      box-sizing: border-box;\n      min-width: 200px;\n      padding: 0px;\n      margin: 0px;\n      overflow: hidden;\n      color: rgba(0, 0, 0, 0.87);\n      white-space: nowrap;\n      list-style: none;\n      background-color: #fff;\n      border-radius: 5px;\n      box-shadow:\n        0px 1px 3px 0px rgb(0 0 0 / 20%),\n        0px 1px 1px 0px rgb(0 0 0 / 14%),\n        0px 2px 1px -1px rgb(0 0 0 / 12%);\n    }\n    .navigation-drawer-controll-button[aria-expanded=\"false\"]\n      ~ .navigation-drawer {\n      display: none;\n    }\n\n    .navigation-drawer li {\n      border-bottom: 1px solid #eeeeee;\n    }\n    .navigation-drawer li:last-of-type {\n      border-bottom: none;\n    }\n    .navigation-drawer li > a,\n    .navigation-drawer li > button {\n      box-sizing: border-box;\n      display: block;\n      width: 100%;\n      padding: 0;\n      padding: 0.6em 1em;\n      font: inherit;\n      color: inherit;\n      text-align: left;\n      text-decoration: none;\n      cursor: pointer;\n      cursor: pointer;\n      background-color: transparent;\n      border: none;\n      transition: 0.2s;\n      appearance: none;\n    }\n    .navigation-drawer li > a:hover,\n    .navigation-drawer li > button:hover {\n      background-color: #ededed;\n    }\n    .navigation-drawer li > a:active,\n    .navigation-drawer li > button:active {\n      background-color: #dadada;\n    }\n\n    .navigation-drawer li ul {\n      padding: 0;\n      list-style: none;\n    }\n    .navigation-drawer li:has(> ul) li > a {\n      padding-left: 2em;\n    }\n\n    .navigation-drawer li:has(> ul) > span {\n      display: block;\n      padding: 0.6em 1em;\n      border-bottom: 1px solid #eeeeee;\n    }\n  `;\n\n  handleClickOutside = (event: MouseEvent | TouchEvent) => {\n    if (\n      !this.listRef.value ||\n      this.listRef.value.contains(event.composedPath()[0] as Node)\n    ) {\n      return;\n    }\n    this.expanded = false;\n  };\n\n  @property({\n    type: Object,\n    attribute: \"additional-items\",\n  })\n  additinalItems: MenuBaseElementProps[\"additinalItems\"] = [];\n\n  @property()\n  expanded?: boolean = false;\n\n  handleToggleDrawer = (event: Event) => {\n    event.preventDefault();\n    event.stopPropagation();\n\n    // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions\n    this.expanded = !this.expanded;\n    if (this.expanded) {\n      window.addEventListener(\"click\", this.handleClickOutside, false);\n    }\n  };\n\n  protected updated() {\n    if (this.expanded === false) {\n      window.removeEventListener(\"click\", this.handleClickOutside, false);\n    }\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    window.removeEventListener(\"click\", this.handleClickOutside, false);\n  }\n\n  listRef: Ref = createRef();\n}\n","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":"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","names":["import_decorators","import_lit","import_ref"]}
+{"version":3,"sources":["../src/m2m-apps-menu.ts","../src/MenuBaseElement.ts","../src/domains.ts"],"sourcesContent":["import { MenuBaseElement, MenuBaseElementProps } from \"./MenuBaseElement\";\nimport { customElement } from \"lit/decorators.js\";\nimport { html } from \"lit\";\nimport { ref } from \"lit/directives/ref.js\";\nimport { useDomains } from \"./domains\";\n\nexport type M2MAppsMenuProps = MenuBaseElementProps;\n\n@customElement(\"m2m-apps-menu\")\nexport class M2MAppsMenu extends MenuBaseElement {\n  render() {\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    const domains = useDomains();\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    const isHidden = this.expanded === false || this.expanded === undefined;\n    return html`<nav>\n      <button\n        type=\"button\"\n        class=\"navigation-drawer-controll-button navigation-drawer-controll-button--icon\"\n        aria-controls=\"m2m-apps-menu__navigation-drawer\"\n        aria-expanded=${this.expanded}\n        @click=${this.handleToggleDrawer}\n      >\n        <svg\n          xmlns=\"http://www.w3.org/2000/svg\"\n          width=\"38px\"\n          height=\"38px\"\n          viewBox=\"0 0 24 24\"\n        >\n          <path\n            d=\"M4 8h4V4H4v4zm6 12h4v-4h-4v4zm-6 0h4v-4H4v4zm0-6h4v-4H4v4zm6 0h4v-4h-4v4zm6-10v4h4V4h-4zm-6 4h4V4h-4v4zm6 6h4v-4h-4v4zm0 6h4v-4h-4v4z\"\n          />\n        </svg>\n      </button>\n      <ul\n        ${ref(this.listRef)}\n        id=\"m2m-apps-menu__navigation-drawer\"\n        aria-hidden=${isHidden}\n        class=\"navigation-drawer\"\n      >\n        <li>\n          <span>m2m Series</span>\n          <ul>\n            <li><a href=\"${domains.core}\">Core 施設管理</a></li>\n            <li><a href=\"${domains.checkin}\">Checkin ゲストチェックイン</a></li>\n            <li><a href=\"${domains.systems}\">Systems Airbnb連携</a></li>\n            <li><a href=\"${domains.cleaning}\">Cleaning 清掃管理</a></li>\n            <li><a href=\"${domains.inspection}\">Inspection 内見チェック</a></li>\n            <li><a href=\"${domains.users}\">Users アカウント管理</a></li>\n          </ul>\n        </li>\n        <li>\n          <a href=\"${domains.sumyca}\">Sumyca マンスリープラットフォーム</a>\n        </li>\n        ${additionalItems}\n      </ul>\n    </nav>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"m2m-apps-menu\": M2MAppsMenu;\n  }\n}\n","import { LitElement, css } from \"lit\";\nimport { Ref, createRef } from \"lit/directives/ref.js\";\nimport { property } from \"lit/decorators.js\";\n\nexport interface MenuAdditionalItem {\n  label: string;\n  href: string;\n}\n\nexport interface MenuBaseElementProps {\n  expanded: boolean;\n  additinalItems: MenuAdditionalItem[];\n}\n\nexport class MenuBaseElement extends LitElement {\n  static styles = css`\n    nav {\n      position: relative;\n      display: flex;\n    }\n    .navigation-drawer-controll-button {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      height: 42px;\n      padding: 0;\n      cursor: pointer;\n      background-color: transparent;\n      border: none;\n      transition: background-color 0.2s;\n      appearance: none;\n    }\n    .navigation-drawer-controll-button.navigation-drawer-controll-button--icon {\n      width: 42px;\n    }\n    .navigation-drawer-controll-button:hover {\n      background-color: rgba(0, 0, 0, 0.05);\n    }\n    .navigation-drawer-controll-button:active {\n      background-color: rgba(0, 0, 0, 0.075);\n    }\n\n    .navigation-drawer {\n      position: absolute;\n      top: 100%;\n      right: 0px;\n      z-index: 1100;\n      box-sizing: border-box;\n      min-width: 200px;\n      padding: 0px;\n      margin: 0px;\n      overflow: hidden;\n      color: rgba(0, 0, 0, 0.87);\n      white-space: nowrap;\n      list-style: none;\n      background-color: #fff;\n      border-radius: 5px;\n      box-shadow:\n        0px 1px 3px 0px rgb(0 0 0 / 20%),\n        0px 1px 1px 0px rgb(0 0 0 / 14%),\n        0px 2px 1px -1px rgb(0 0 0 / 12%);\n    }\n    .navigation-drawer-controll-button[aria-expanded=\"false\"]\n      ~ .navigation-drawer {\n      display: none;\n    }\n\n    .navigation-drawer li {\n      border-bottom: 1px solid #eeeeee;\n    }\n    .navigation-drawer li:last-of-type {\n      border-bottom: none;\n    }\n    .navigation-drawer li > a,\n    .navigation-drawer li > button {\n      box-sizing: border-box;\n      display: block;\n      width: 100%;\n      padding: 0;\n      padding: 0.6em 1em;\n      font: inherit;\n      color: inherit;\n      text-align: left;\n      text-decoration: none;\n      cursor: pointer;\n      cursor: pointer;\n      background-color: transparent;\n      border: none;\n      transition: 0.2s;\n      appearance: none;\n    }\n    .navigation-drawer li > a:hover,\n    .navigation-drawer li > button:hover {\n      background-color: #ededed;\n    }\n    .navigation-drawer li > a:active,\n    .navigation-drawer li > button:active {\n      background-color: #dadada;\n    }\n\n    .navigation-drawer li ul {\n      padding: 0;\n      list-style: none;\n    }\n    .navigation-drawer li:has(> ul) li > a {\n      padding-left: 2em;\n    }\n\n    .navigation-drawer li:has(> ul) > span {\n      display: block;\n      padding: 0.6em 1em;\n      border-bottom: 1px solid #eeeeee;\n    }\n  `;\n\n  handleClickOutside = (event: MouseEvent | TouchEvent) => {\n    if (\n      !this.listRef.value ||\n      this.listRef.value.contains(event.composedPath()[0] as Node)\n    ) {\n      return;\n    }\n    this.expanded = false;\n  };\n\n  @property({\n    type: Object,\n    attribute: \"additional-items\",\n  })\n  additinalItems: MenuBaseElementProps[\"additinalItems\"] = [];\n\n  @property()\n  expanded?: boolean = false;\n\n  handleToggleDrawer = (event: Event) => {\n    event.preventDefault();\n    event.stopPropagation();\n\n    // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions\n    this.expanded = !this.expanded;\n    if (this.expanded) {\n      window.addEventListener(\"click\", this.handleClickOutside, false);\n    }\n  };\n\n  protected updated() {\n    if (this.expanded === false) {\n      window.removeEventListener(\"click\", this.handleClickOutside, false);\n    }\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    window.removeEventListener(\"click\", this.handleClickOutside, false);\n  }\n\n  listRef: Ref = createRef();\n}\n","export const useDomains = () => {\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":"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","names":["import_decorators","import_lit","import_ref"]}

package/m2m-apps-menu.mjs

@@ -1,9 +1,9 @@
 'use client'
 import {
   M2MAppsMenu
-} from "./chunk-YXPSTKYY.mjs";
+} from "./chunk-IUVQPLD7.mjs";
 import "./chunk-HI2D4CLX.mjs";
-import "./chunk-B7STDXYN.mjs";
+import "./chunk-27HPP73N.mjs";
 import "./chunk-QH5I6YL2.mjs";
 export {
   M2MAppsMenu

package/m2m-user-menu.js

@@ -180,29 +180,6 @@ __decorateClass([
 
 // src/m2m-user-menu.ts
 var import_decorators2 = require("lit/decorators.js");
-
-// src/domains.ts
-var getDomains = () => {
-  return globalThis.M2M_COMPONENTS_ENV === "production" ? {
-    core: "https://core.m2msystems.cloud",
-    sumyca: "https://manage.sumyca.com",
-    cleaning: "https://manager-cleaning.m2msystems.cloud",
-    users: "https://manage-users.m2msystems.cloud",
-    inspection: "https://inspection.m2msystems.cloud",
-    checkin: "https://manage.checkin.m2msystems.cloud",
-    systems: "https://m2msystems.cloud/"
-  } : {
-    core: "https://dev--m2m-core-manager-front.netlify.app",
-    sumyca: "https://dev--sumyca-manager-front.netlify.app",
-    cleaning: "https://dev--m2m-cleaning-manager-front.netlify.app",
-    users: "https://dev--manage-users.netlify.app",
-    inspection: "https://dev--m2m-inspection-manager-front.netlify.app",
-    checkin: "https://manage.dev.checkin.m2msystems.cloud",
-    systems: "https://dev.m2msystems.cloud"
-  };
-};
-
-// src/m2m-user-menu.ts
 var import_lit2 = require("lit");
 
 // src/storage/client.ts
@@ -273,6 +250,29 @@ var m2mAuthTokenApi = {
 
 // src/m2m-user-menu.ts
 var import_ref2 = require("lit/directives/ref.js");
+
+// src/domains.ts
+var useDomains = () => {
+  return globalThis.M2M_COMPONENTS_ENV === "production" ? {
+    core: "https://core.m2msystems.cloud",
+    sumyca: "https://manage.sumyca.com",
+    cleaning: "https://manager-cleaning.m2msystems.cloud",
+    users: "https://manage-users.m2msystems.cloud",
+    inspection: "https://inspection.m2msystems.cloud",
+    checkin: "https://manage.checkin.m2msystems.cloud",
+    systems: "https://m2msystems.cloud/"
+  } : {
+    core: "https://dev--m2m-core-manager-front.netlify.app",
+    sumyca: "https://dev--sumyca-manager-front.netlify.app",
+    cleaning: "https://dev--m2m-cleaning-manager-front.netlify.app",
+    users: "https://dev--manage-users.netlify.app",
+    inspection: "https://dev--m2m-inspection-manager-front.netlify.app",
+    checkin: "https://manage.dev.checkin.m2msystems.cloud",
+    systems: "https://dev.m2msystems.cloud"
+  };
+};
+
+// src/m2m-user-menu.ts
 var M2MUserMenu = class extends MenuBaseElement {
   constructor() {
     super(...arguments);
@@ -283,7 +283,7 @@ var M2MUserMenu = class extends MenuBaseElement {
   }
   render() {
     var _a;
-    const domains = getDomains();
+    const domains = useDomains();
     const additionalItems = (_a = this.additinalItems) == null ? void 0 : _a.map((item) => {
       return import_lit2.html`
         <li>

package/m2m-user-menu.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/m2m-user-menu.ts","../src/MenuBaseElement.ts","../src/domains.ts","../src/storage/client.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    const isHidden = this.expanded === false || this.expanded === undefined;\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=${isHidden}\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","import { LitElement, css } from \"lit\";\nimport { Ref, createRef } from \"lit/directives/ref.js\";\nimport { property } from \"lit/decorators.js\";\n\nexport interface MenuAdditionalItem {\n  label: string;\n  href: string;\n}\n\nexport interface MenuBaseElementProps {\n  expanded: boolean;\n  additinalItems: MenuAdditionalItem[];\n}\n\nexport class MenuBaseElement extends LitElement {\n  static styles = css`\n    nav {\n      position: relative;\n      display: flex;\n    }\n    .navigation-drawer-controll-button {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      height: 42px;\n      padding: 0;\n      cursor: pointer;\n      background-color: transparent;\n      border: none;\n      transition: background-color 0.2s;\n      appearance: none;\n    }\n    .navigation-drawer-controll-button.navigation-drawer-controll-button--icon {\n      width: 42px;\n    }\n    .navigation-drawer-controll-button:hover {\n      background-color: rgba(0, 0, 0, 0.05);\n    }\n    .navigation-drawer-controll-button:active {\n      background-color: rgba(0, 0, 0, 0.075);\n    }\n\n    .navigation-drawer {\n      position: absolute;\n      top: 100%;\n      right: 0px;\n      z-index: 1100;\n      box-sizing: border-box;\n      min-width: 200px;\n      padding: 0px;\n      margin: 0px;\n      overflow: hidden;\n      color: rgba(0, 0, 0, 0.87);\n      white-space: nowrap;\n      list-style: none;\n      background-color: #fff;\n      border-radius: 5px;\n      box-shadow:\n        0px 1px 3px 0px rgb(0 0 0 / 20%),\n        0px 1px 1px 0px rgb(0 0 0 / 14%),\n        0px 2px 1px -1px rgb(0 0 0 / 12%);\n    }\n    .navigation-drawer-controll-button[aria-expanded=\"false\"]\n      ~ .navigation-drawer {\n      display: none;\n    }\n\n    .navigation-drawer li {\n      border-bottom: 1px solid #eeeeee;\n    }\n    .navigation-drawer li:last-of-type {\n      border-bottom: none;\n    }\n    .navigation-drawer li > a,\n    .navigation-drawer li > button {\n      box-sizing: border-box;\n      display: block;\n      width: 100%;\n      padding: 0;\n      padding: 0.6em 1em;\n      font: inherit;\n      color: inherit;\n      text-align: left;\n      text-decoration: none;\n      cursor: pointer;\n      cursor: pointer;\n      background-color: transparent;\n      border: none;\n      transition: 0.2s;\n      appearance: none;\n    }\n    .navigation-drawer li > a:hover,\n    .navigation-drawer li > button:hover {\n      background-color: #ededed;\n    }\n    .navigation-drawer li > a:active,\n    .navigation-drawer li > button:active {\n      background-color: #dadada;\n    }\n\n    .navigation-drawer li ul {\n      padding: 0;\n      list-style: none;\n    }\n    .navigation-drawer li:has(> ul) li > a {\n      padding-left: 2em;\n    }\n\n    .navigation-drawer li:has(> ul) > span {\n      display: block;\n      padding: 0.6em 1em;\n      border-bottom: 1px solid #eeeeee;\n    }\n  `;\n\n  handleClickOutside = (event: MouseEvent | TouchEvent) => {\n    if (\n      !this.listRef.value ||\n      this.listRef.value.contains(event.composedPath()[0] as Node)\n    ) {\n      return;\n    }\n    this.expanded = false;\n  };\n\n  @property({\n    type: Object,\n    attribute: \"additional-items\",\n  })\n  additinalItems: MenuBaseElementProps[\"additinalItems\"] = [];\n\n  @property()\n  expanded?: boolean = false;\n\n  handleToggleDrawer = (event: Event) => {\n    event.preventDefault();\n    event.stopPropagation();\n\n    // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions\n    this.expanded = !this.expanded;\n    if (this.expanded) {\n      window.addEventListener(\"click\", this.handleClickOutside, false);\n    }\n  };\n\n  protected updated() {\n    if (this.expanded === false) {\n      window.removeEventListener(\"click\", this.handleClickOutside, false);\n    }\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    window.removeEventListener(\"click\", this.handleClickOutside, false);\n  }\n\n  listRef: Ref = createRef();\n}\n","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","import { StorageClient } from \"./lib/client\";\n\nclass M2mStorageClient extends StorageClient {}\n\nexport type { M2mStorageClient };\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 = globalThis.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 = globalThis.M2M_STORAGE;\n    if (storage) {\n      globalThis.clearTimeout(rejectTimer);\n      resolve(storage);\n    }\n\n    const timer = globalThis.setInterval(() => {\n      const storage = globalThis.M2M_STORAGE;\n      if (storage) {\n        globalThis.clearTimeout(rejectTimer);\n        globalThis.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 (globalThis.M2M_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  globalThis.M2M_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 globalThis.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  globalThis.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  globalThis.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":"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","names":["import_decorators","import_lit","storage","import_ref"]}
+{"version":3,"sources":["../src/m2m-user-menu.ts","../src/MenuBaseElement.ts","../src/storage/client.ts","../src/domains.ts"],"sourcesContent":["import { MenuBaseElement, MenuBaseElementProps } from \"./MenuBaseElement\";\nimport { customElement } from \"lit/decorators.js\";\nimport { html } from \"lit\";\nimport { m2mAuthTokenApi } from \"./storage/client\";\nimport { ref } from \"lit/directives/ref.js\";\nimport { useDomains } from \"./domains\";\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    // eslint-disable-next-line react-hooks/rules-of-hooks\n    const domains = useDomains();\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    const isHidden = this.expanded === false || this.expanded === undefined;\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=${isHidden}\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","import { LitElement, css } from \"lit\";\nimport { Ref, createRef } from \"lit/directives/ref.js\";\nimport { property } from \"lit/decorators.js\";\n\nexport interface MenuAdditionalItem {\n  label: string;\n  href: string;\n}\n\nexport interface MenuBaseElementProps {\n  expanded: boolean;\n  additinalItems: MenuAdditionalItem[];\n}\n\nexport class MenuBaseElement extends LitElement {\n  static styles = css`\n    nav {\n      position: relative;\n      display: flex;\n    }\n    .navigation-drawer-controll-button {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      height: 42px;\n      padding: 0;\n      cursor: pointer;\n      background-color: transparent;\n      border: none;\n      transition: background-color 0.2s;\n      appearance: none;\n    }\n    .navigation-drawer-controll-button.navigation-drawer-controll-button--icon {\n      width: 42px;\n    }\n    .navigation-drawer-controll-button:hover {\n      background-color: rgba(0, 0, 0, 0.05);\n    }\n    .navigation-drawer-controll-button:active {\n      background-color: rgba(0, 0, 0, 0.075);\n    }\n\n    .navigation-drawer {\n      position: absolute;\n      top: 100%;\n      right: 0px;\n      z-index: 1100;\n      box-sizing: border-box;\n      min-width: 200px;\n      padding: 0px;\n      margin: 0px;\n      overflow: hidden;\n      color: rgba(0, 0, 0, 0.87);\n      white-space: nowrap;\n      list-style: none;\n      background-color: #fff;\n      border-radius: 5px;\n      box-shadow:\n        0px 1px 3px 0px rgb(0 0 0 / 20%),\n        0px 1px 1px 0px rgb(0 0 0 / 14%),\n        0px 2px 1px -1px rgb(0 0 0 / 12%);\n    }\n    .navigation-drawer-controll-button[aria-expanded=\"false\"]\n      ~ .navigation-drawer {\n      display: none;\n    }\n\n    .navigation-drawer li {\n      border-bottom: 1px solid #eeeeee;\n    }\n    .navigation-drawer li:last-of-type {\n      border-bottom: none;\n    }\n    .navigation-drawer li > a,\n    .navigation-drawer li > button {\n      box-sizing: border-box;\n      display: block;\n      width: 100%;\n      padding: 0;\n      padding: 0.6em 1em;\n      font: inherit;\n      color: inherit;\n      text-align: left;\n      text-decoration: none;\n      cursor: pointer;\n      cursor: pointer;\n      background-color: transparent;\n      border: none;\n      transition: 0.2s;\n      appearance: none;\n    }\n    .navigation-drawer li > a:hover,\n    .navigation-drawer li > button:hover {\n      background-color: #ededed;\n    }\n    .navigation-drawer li > a:active,\n    .navigation-drawer li > button:active {\n      background-color: #dadada;\n    }\n\n    .navigation-drawer li ul {\n      padding: 0;\n      list-style: none;\n    }\n    .navigation-drawer li:has(> ul) li > a {\n      padding-left: 2em;\n    }\n\n    .navigation-drawer li:has(> ul) > span {\n      display: block;\n      padding: 0.6em 1em;\n      border-bottom: 1px solid #eeeeee;\n    }\n  `;\n\n  handleClickOutside = (event: MouseEvent | TouchEvent) => {\n    if (\n      !this.listRef.value ||\n      this.listRef.value.contains(event.composedPath()[0] as Node)\n    ) {\n      return;\n    }\n    this.expanded = false;\n  };\n\n  @property({\n    type: Object,\n    attribute: \"additional-items\",\n  })\n  additinalItems: MenuBaseElementProps[\"additinalItems\"] = [];\n\n  @property()\n  expanded?: boolean = false;\n\n  handleToggleDrawer = (event: Event) => {\n    event.preventDefault();\n    event.stopPropagation();\n\n    // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions\n    this.expanded = !this.expanded;\n    if (this.expanded) {\n      window.addEventListener(\"click\", this.handleClickOutside, false);\n    }\n  };\n\n  protected updated() {\n    if (this.expanded === false) {\n      window.removeEventListener(\"click\", this.handleClickOutside, false);\n    }\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    window.removeEventListener(\"click\", this.handleClickOutside, false);\n  }\n\n  listRef: Ref = createRef();\n}\n","import { StorageClient } from \"./lib/client\";\n\nclass M2mStorageClient extends StorageClient {}\n\nexport type { M2mStorageClient };\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 = globalThis.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 = globalThis.M2M_STORAGE;\n    if (storage) {\n      globalThis.clearTimeout(rejectTimer);\n      resolve(storage);\n    }\n\n    const timer = globalThis.setInterval(() => {\n      const storage = globalThis.M2M_STORAGE;\n      if (storage) {\n        globalThis.clearTimeout(rejectTimer);\n        globalThis.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 (globalThis.M2M_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  globalThis.M2M_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 globalThis.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  globalThis.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  globalThis.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","export const useDomains = () => {\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":"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","names":["import_decorators","import_lit","storage","import_ref"]}

package/m2m-user-menu.mjs

@@ -1,11 +1,11 @@
 'use client'
 import {
   M2MUserMenu
-} from "./chunk-SF2L3P2H.mjs";
+} from "./chunk-KHXCCRGE.mjs";
 import "./chunk-5DZIFMOT.mjs";
 import "./chunk-PB3E5UQP.mjs";
 import "./chunk-HI2D4CLX.mjs";
-import "./chunk-B7STDXYN.mjs";
+import "./chunk-27HPP73N.mjs";
 import "./chunk-QH5I6YL2.mjs";
 export {
   M2MUserMenu

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "m2m-components",
-  "version": "5.2.3-alpha-1732450596663-b0d16d9.0",
+  "version": "5.2.3-alpha-1732705057614-405defa.0",
   "main": "index.js",
   "module": "index.mjs",
   "typings": "index.d.ts",

package/storage/useM2mAuth.d.mts

@@ -14,6 +14,8 @@ interface AuthenticationState {
     updateToken: (token: string) => Promise<{
         error?: Error;
     }>;
+    revalidating: boolean;
+    isLoginRequired: boolean;
 }
 declare const M2mAuthenticationProvider: ({ children, }: {
     children: React.ReactNode;

package/storage/useM2mAuth.d.ts

@@ -14,6 +14,8 @@ interface AuthenticationState {
     updateToken: (token: string) => Promise<{
         error?: Error;
     }>;
+    revalidating: boolean;
+    isLoginRequired: boolean;
 }
 declare const M2mAuthenticationProvider: ({ children, }: {
     children: React.ReactNode;

package/storage/useM2mAuth.js

@@ -261,13 +261,16 @@ var M2mAuthenticationProvider = ({
       token: auth ? auth.accessToken : void 0
     };
   }, []);
+  const [revalidating, setRevalidating] = (0, import_react.useState)(true);
   (0, import_react.useEffect)(() => {
     const callback = async () => {
       const authToken = await refreshAuth();
       if (authToken !== null) {
         setToken(authToken);
       }
+      setRevalidating(false);
     };
+    void callback();
     const timer = setInterval(callback, 3 * 60 * 60 * 1e3);
     return () => clearInterval(timer);
   }, []);
@@ -291,9 +294,11 @@ var M2mAuthenticationProvider = ({
       logout,
       token,
       authenticated,
-      updateToken
+      updateToken,
+      revalidating,
+      isLoginRequired: authenticated === false && revalidating === false
     };
-  }, [authenticated, login2, logout, token, updateToken]);
+  }, [authenticated, login2, logout, revalidating, token, updateToken]);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AuthenticationContext.Provider, { value: state, children });
 };
 var useAuth = () => {

package/storage/useM2mAuth.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/storage/useM2mAuth.tsx","../../src/storage/api/login.ts","../../src/endpoints/m2m-users.v1.ts","../../src/storage/jwt.tsx","../../src/storage/client.ts","../../src/storage/persistenceDatabase.ts","../../src/storage/api/getToken.ts","../../src/storage/refreshAuth.tsx"],"sourcesContent":["import { LoginInput, requestLogin } from \"./api/login\";\nimport { checkJwtExpiration } from \"./jwt\";\nimport { m2mAuthTokenApi } from \"./client\";\nimport { persistenceDatabase } from \"./persistenceDatabase\";\nimport { refreshAuth } from \"./refreshAuth\";\nimport React, {\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useState,\n} from \"react\";\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\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 !== null && 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: auth, error } = await requestLogin(input);\n    if (auth) {\n      const authToken = auth.accessToken;\n\n      setToken(authToken);\n      await m2mAuthTokenApi.set(authToken);\n      await persistenceDatabase.set(\"auth\", auth);\n    }\n    return {\n      error,\n      token: auth ? auth.accessToken : undefined,\n    };\n  }, []);\n\n  useEffect(() => {\n    const callback = async () => {\n      const authToken = await refreshAuth();\n      if (authToken !== null) {\n        setToken(authToken);\n      }\n    };\n    // Update auth every 3 hours\n    const timer = setInterval(callback, 3 * 60 * 60 * 1000);\n    return () => clearInterval(timer);\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","import { fetcher } from \"matsuri-hooks\";\nimport { login as m2mUsers_v1_login } from \"../../endpoints/m2m-users.v1\";\n\nexport interface LoginInput {\n  email: string;\n  password: string;\n}\n// @see https://github.com/matsuri-tech/m2m-users/blob/master/domain/model/common/accessToken.go#L7\nexport interface LoginResponse {\n  accessToken: string;\n  expiresAt: number;\n  refreshToken: {\n    refreshToken: string;\n    refreshTokenExpiresAt: number;\n  };\n}\nexport const requestLogin = async (input: LoginInput) => {\n  return await fetcher<LoginResponse>(m2mUsers_v1_login(), {\n    method: \"POST\",\n    body: JSON.stringify(input),\n  });\n};\n","/* eslint-disable */\n/**\n * A function that returns the URL part common to the endpoints.\n */\nexport const root = () => {\n  let __root = \"\";\n\n  if (globalThis.M2M_COMPONENTS_ENV === \"local\") {\n    __root = \"http://localhost:8080\";\n  }\n\n  if (globalThis.M2M_COMPONENTS_ENV === \"localDev\") {\n    __root = \"https://api-users.dev.m2msystems.cloud\";\n  }\n\n  if (globalThis.M2M_COMPONENTS_ENV === \"development\") {\n    __root = \"https://api-users.dev.m2msystems.cloud\";\n  }\n\n  if (globalThis.M2M_COMPONENTS_ENV === \"production\") {\n    __root = \"https://api.m2msystems.cloud\";\n  }\n\n  return __root;\n};\n/**\n * ヘルスチェック\n *\n */\nexport const healthCheck = () => {\n  const __root = root();\n  const __queries = Object.entries({})\n    .filter(([_, value]) => {\n      return value !== undefined;\n    })\n    .map(([key, value]) => {\n      return `${key}=${value}`;\n    })\n    .join(\"&\");\n  const __path = `${__root}/${`health_check`}`;\n  return __queries ? `${__path}?${__queries}` : __path;\n};\n/**\n * 会社を作成する\n *\n */\nexport const createCompany = () => {\n  const __root = root();\n  const __queries = Object.entries({})\n    .filter(([_, value]) => {\n      return value !== undefined;\n    })\n    .map(([key, value]) => {\n      return `${key}=${value}`;\n    })\n    .join(\"&\");\n  const __path = `${__root}/${`companies/`}`;\n  return __queries ? `${__path}?${__queries}` : __path;\n};\n/**\n * 会社情報を取得する\n *\n */\nexport const getCompany = ({ id }: { id: string }) => {\n  const __root = root();\n  const __queries = Object.entries({})\n    .filter(([_, value]) => {\n      return value !== undefined;\n    })\n    .map(([key, value]) => {\n      return `${key}=${value}`;\n    })\n    .join(\"&\");\n  const __path = `${__root}/${`companies/${id}`}`;\n  return __queries ? `${__path}?${__queries}` : __path;\n};\n/**\n * 会社情報を更新する\n *\n */\nexport const updateCompany = () => {\n  const __root = root();\n  const __queries = Object.entries({})\n    .filter(([_, value]) => {\n      return value !== undefined;\n    })\n    .map(([key, value]) => {\n      return `${key}=${value}`;\n    })\n    .join(\"&\");\n  const __path = `${__root}/${`companies/`}`;\n  return __queries ? `${__path}?${__queries}` : __path;\n};\n/**\n * 会社情報を更新する\n *\n */\nexport const updateCompanyPatch = () => {\n  const __root = root();\n  const __queries = Object.entries({})\n    .filter(([_, value]) => {\n      return value !== undefined;\n    })\n    .map(([key, value]) => {\n      return `${key}=${value}`;\n    })\n    .join(\"&\");\n  const __path = `${__root}/${`companies/`}`;\n  return __queries ? `${__path}?${__queries}` : __path;\n};\n/**\n * idを指定して複数の会社情報を取得する\n * @param {string} company_ids a,b,c\n */\nexport const findCompaniesByIds = ({\n  company_ids,\n}: {\n  company_ids?: string;\n}) => {\n  const __root = root();\n  const __queries = Object.entries({ company_ids })\n    .filter(([_, value]) => {\n      return value !== undefined;\n    })\n    .map(([key, value]) => {\n      return `${key}=${value}`;\n    })\n    .join(\"&\");\n  const __path = `${__root}/${`companies/find_by_ids`}`;\n  return __queries ? `${__path}?${__queries}` : __path;\n};\n/**\n * ユーザーを作成する\n *\n */\nexport const createUser = () => {\n  const __root = root();\n  const __queries = Object.entries({})\n    .filter(([_, value]) => {\n      return value !== undefined;\n    })\n    .map(([key, value]) => {\n      return `${key}=${value}`;\n    })\n    .join(\"&\");\n  const __path = `${__root}/${`users/`}`;\n  return __queries ? `${__path}?${__queries}` : __path;\n};\n/**\n * ユーザーを取得する\n *\n */\nexport const findUserById = ({ id }: { id: string }) => {\n  const __root = root();\n  const __queries = Object.entries({})\n    .filter(([_, value]) => {\n      return value !== undefined;\n    })\n    .map(([key, value]) => {\n      return `${key}=${value}`;\n    })\n    .join(\"&\");\n  const __path = `${__root}/${`users/${id}`}`;\n  return __queries ? `${__path}?${__queries}` : __path;\n};\n/**\n * ユーザーを更新する\n *\n */\nexport const updateUser = ({ id }: { id: string }) => {\n  const __root = root();\n  const __queries = Object.entries({})\n    .filter(([_, value]) => {\n      return value !== undefined;\n    })\n    .map(([key, value]) => {\n      return `${key}=${value}`;\n    })\n    .join(\"&\");\n  const __path = `${__root}/${`users/${id}`}`;\n  return __queries ? `${__path}?${__queries}` : __path;\n};\n/**\n * ユーザーを更新する\n *\n */\nexport const updateUserPatch = ({ id }: { id: string }) => {\n  const __root = root();\n  const __queries = Object.entries({})\n    .filter(([_, value]) => {\n      return value !== undefined;\n    })\n    .map(([key, value]) => {\n      return `${key}=${value}`;\n    })\n    .join(\"&\");\n  const __path = `${__root}/${`users/${id}`}`;\n  return __queries ? `${__path}?${__queries}` : __path;\n};\n/**\n * ユーザーを強制的に有効化する\n *\n */\nexport const activateUserByAdmin = ({ id }: { id: string }) => {\n  const __root = root();\n  const __queries = Object.entries({})\n    .filter(([_, value]) => {\n      return value !== undefined;\n    })\n    .map(([key, value]) => {\n      return `${key}=${value}`;\n    })\n    .join(\"&\");\n  const __path = `${__root}/${`users/${id}/admin_activate`}`;\n  return __queries ? `${__path}?${__queries}` : __path;\n};\n/**\n * ユーザーを無効化する\n *\n */\nexport const deactivateUser = ({ id }: { id: string }) => {\n  const __root = root();\n  const __queries = Object.entries({})\n    .filter(([_, value]) => {\n      return value !== undefined;\n    })\n    .map(([key, value]) => {\n      return `${key}=${value}`;\n    })\n    .join(\"&\");\n  const __path = `${__root}/${`users/${id}/deactivate`}`;\n  return __queries ? `${__path}?${__queries}` : __path;\n};\n/**\n * パスワードリセットのメールを送信する\n *\n */\nexport const sendResetPasswordEmail = () => {\n  const __root = root();\n  const __queries = Object.entries({})\n    .filter(([_, value]) => {\n      return value !== undefined;\n    })\n    .map(([key, value]) => {\n      return `${key}=${value}`;\n    })\n    .join(\"&\");\n  const __path = `${__root}/${`users/reset_password_email`}`;\n  return __queries ? `${__path}?${__queries}` : __path;\n};\n/**\n * パスワードをリセットする\n *\n */\nexport const resetPassword = () => {\n  const __root = root();\n  const __queries = Object.entries({})\n    .filter(([_, value]) => {\n      return value !== undefined;\n    })\n    .map(([key, value]) => {\n      return `${key}=${value}`;\n    })\n    .join(\"&\");\n  const __path = `${__root}/${`users/reset_password`}`;\n  return __queries ? `${__path}?${__queries}` : __path;\n};\n/**\n * アクティベーションメールを送信する\n *\n */\nexport const sendActivationEmail = () => {\n  const __root = root();\n  const __queries = Object.entries({})\n    .filter(([_, value]) => {\n      return value !== undefined;\n    })\n    .map(([key, value]) => {\n      return `${key}=${value}`;\n    })\n    .join(\"&\");\n  const __path = `${__root}/${`users/activation_email`}`;\n  return __queries ? `${__path}?${__queries}` : __path;\n};\n/**\n * ユーザーを有効化する\n *\n */\nexport const activateUser = () => {\n  const __root = root();\n  const __queries = Object.entries({})\n    .filter(([_, value]) => {\n      return value !== undefined;\n    })\n    .map(([key, value]) => {\n      return `${key}=${value}`;\n    })\n    .join(\"&\");\n  const __path = `${__root}/${`users/activate`}`;\n  return __queries ? `${__path}?${__queries}` : __path;\n};\n/**\n * 認可スコープを設定する\n *\n */\nexport const setAuthorityScope = () => {\n  const __root = root();\n  const __queries = Object.entries({})\n    .filter(([_, value]) => {\n      return value !== undefined;\n    })\n    .map(([key, value]) => {\n      return `${key}=${value}`;\n    })\n    .join(\"&\");\n  const __path = `${__root}/${`users/scope`}`;\n  return __queries ? `${__path}?${__queries}` : __path;\n};\n/**\n * メールを指定してユーザーを取得する\n *\n */\nexport const findUserByEmail = () => {\n  const __root = root();\n  const __queries = Object.entries({})\n    .filter(([_, value]) => {\n      return value !== undefined;\n    })\n    .map(([key, value]) => {\n      return `${key}=${value}`;\n    })\n    .join(\"&\");\n  const __path = `${__root}/${`users/find_by_email`}`;\n  return __queries ? `${__path}?${__queries}` : __path;\n};\n/**\n * ユーザーの権限を更新する\n *\n */\nexport const updateAuthority = ({ id }: { id: string }) => {\n  const __root = root();\n  const __queries = Object.entries({})\n    .filter(([_, value]) => {\n      return value !== undefined;\n    })\n    .map(([key, value]) => {\n      return `${key}=${value}`;\n    })\n    .join(\"&\");\n  const __path = `${__root}/${`users/authority/${id}`}`;\n  return __queries ? `${__path}?${__queries}` : __path;\n};\n/**\n * companyIdからユーザーを取得する\n * @param {string} statuses BeforeVerification,Active,Deactivated\n */\nexport const findUsersByCompanyId = ({ statuses }: { statuses?: string }) => {\n  const __root = root();\n  const __queries = Object.entries({ statuses })\n    .filter(([_, value]) => {\n      return value !== undefined;\n    })\n    .map(([key, value]) => {\n      return `${key}=${value}`;\n    })\n    .join(\"&\");\n  const __path = `${__root}/${`users/find_by_company_id`}`;\n  return __queries ? `${__path}?${__queries}` : __path;\n};\n/**\n * ユーザー情報をAdminが変更する\n *\n */\nexport const updateUserByAdmin = ({ id }: { id: string }) => {\n  const __root = root();\n  const __queries = Object.entries({})\n    .filter(([_, value]) => {\n      return value !== undefined;\n    })\n    .map(([key, value]) => {\n      return `${key}=${value}`;\n    })\n    .join(\"&\");\n  const __path = `${__root}/${`users/${id}/admin_update`}`;\n  return __queries ? `${__path}?${__queries}` : __path;\n};\n/**\n * ユーザーの会社を移動する\n *\n */\nexport const transferUserCompany = () => {\n  const __root = root();\n  const __queries = Object.entries({})\n    .filter(([_, value]) => {\n      return value !== undefined;\n    })\n    .map(([key, value]) => {\n      return `${key}=${value}`;\n    })\n    .join(\"&\");\n  const __path = `${__root}/${`users/transfer_company`}`;\n  return __queries ? `${__path}?${__queries}` : __path;\n};\n/**\n * ログインする\n *\n */\nexport const login = () => {\n  const __root = root();\n  const __queries = Object.entries({})\n    .filter(([_, value]) => {\n      return value !== undefined;\n    })\n    .map(([key, value]) => {\n      return `${key}=${value}`;\n    })\n    .join(\"&\");\n  const __path = `${__root}/${`login`}`;\n  return __queries ? `${__path}?${__queries}` : __path;\n};\n/**\n * ログインする\n *\n */\nexport const loginWithSlash = () => {\n  const __root = root();\n  const __queries = Object.entries({})\n    .filter(([_, value]) => {\n      return value !== undefined;\n    })\n    .map(([key, value]) => {\n      return `${key}=${value}`;\n    })\n    .join(\"&\");\n  const __path = `${__root}/${`login/`}`;\n  return __queries ? `${__path}?${__queries}` : __path;\n};\n/**\n * JWKを取得する\n *\n */\nexport const getJwks = () => {\n  const __root = root();\n  const __queries = Object.entries({})\n    .filter(([_, value]) => {\n      return value !== undefined;\n    })\n    .map(([key, value]) => {\n      return `${key}=${value}`;\n    })\n    .join(\"&\");\n  const __path = `${__root}/${`login/jwks`}`;\n  return __queries ? `${__path}?${__queries}` : __path;\n};\n/**\n * 公開鍵を取得する\n *\n */\nexport const getPublicKeys = () => {\n  const __root = root();\n  const __queries = Object.entries({})\n    .filter(([_, value]) => {\n      return value !== undefined;\n    })\n    .map(([key, value]) => {\n      return `${key}=${value}`;\n    })\n    .join(\"&\");\n  const __path = `${__root}/${`login/public_keys`}`;\n  return __queries ? `${__path}?${__queries}` : __path;\n};\n/**\n * MFAのコードを発行する\n *\n */\nexport const publishMFACode = () => {\n  const __root = root();\n  const __queries = Object.entries({})\n    .filter(([_, value]) => {\n      return value !== undefined;\n    })\n    .map(([key, value]) => {\n      return `${key}=${value}`;\n    })\n    .join(\"&\");\n  const __path = `${__root}/${`login/publish_mfa_code`}`;\n  return __queries ? `${__path}?${__queries}` : __path;\n};\n/**\n * MFAを使ってログインする\n *\n */\nexport const loginWithMFA = () => {\n  const __root = root();\n  const __queries = Object.entries({})\n    .filter(([_, value]) => {\n      return value !== undefined;\n    })\n    .map(([key, value]) => {\n      return `${key}=${value}`;\n    })\n    .join(\"&\");\n  const __path = `${__root}/${`login/mfa_login`}`;\n  return __queries ? `${__path}?${__queries}` : __path;\n};\n/**\n * トークンを取得する\n *\n */\nexport const getToken = () => {\n  const __root = root();\n  const __queries = Object.entries({})\n    .filter(([_, value]) => {\n      return value !== undefined;\n    })\n    .map(([key, value]) => {\n      return `${key}=${value}`;\n    })\n    .join(\"&\");\n  const __path = `${__root}/${`login/token`}`;\n  return __queries ? `${__path}?${__queries}` : __path;\n};\n/**\n * usersに存在しないアカウントのトークンを作成する(deprecated)\n *\n */\nexport const generateToken = () => {\n  const __root = root();\n  const __queries = Object.entries({})\n    .filter(([_, value]) => {\n      return value !== undefined;\n    })\n    .map(([key, value]) => {\n      return `${key}=${value}`;\n    })\n    .join(\"&\");\n  const __path = `${__root}/${`guest/token`}`;\n  return __queries ? `${__path}?${__queries}` : __path;\n};\n/**\n * usersに存在しないアカウントのトークンを作成する\n *\n */\nexport const generateUserToken = () => {\n  const __root = root();\n  const __queries = Object.entries({})\n    .filter(([_, value]) => {\n      return value !== undefined;\n    })\n    .map(([key, value]) => {\n      return `${key}=${value}`;\n    })\n    .join(\"&\");\n  const __path = `${__root}/${`generate/token`}`;\n  return __queries ? `${__path}?${__queries}` : __path;\n};\nexport const m2mUsers_v1 = {\n  healthCheck,\n  createCompany,\n  getCompany,\n  updateCompany,\n  updateCompanyPatch,\n  findCompaniesByIds,\n  createUser,\n  findUserById,\n  updateUser,\n  updateUserPatch,\n  activateUserByAdmin,\n  deactivateUser,\n  sendResetPasswordEmail,\n  resetPassword,\n  sendActivationEmail,\n  activateUser,\n  setAuthorityScope,\n  findUserByEmail,\n  updateAuthority,\n  findUsersByCompanyId,\n  updateUserByAdmin,\n  transferUserCompany,\n  login,\n  loginWithSlash,\n  getJwks,\n  getPublicKeys,\n  publishMFACode,\n  loginWithMFA,\n  getToken,\n  generateToken,\n  generateUserToken,\n};\n","interface JwtPayload {\n  aud: string;\n  authority: string;\n  companyId: string;\n  exp: number;\n  iss: string;\n  loginType: string;\n  scope: Record<string, string>;\n  userId: string;\n}\n\nconst isObject = (value: unknown): value is Record<string, unknown> => {\n  return typeof value === \"object\" && value !== null;\n};\n/**\n * 利用するパラメータが存在するかどうかを確認する\n */\nconst validateJwtPayload = (payload: unknown): JwtPayload => {\n  if (isObject(payload) === false) {\n    throw new Error(\"JWT payload is not an object\");\n  }\n\n  if (typeof payload?.exp !== \"number\" || typeof payload?.userId !== \"string\") {\n    throw new Error(\"JWT payload is missing required fields\");\n  }\n\n  return payload as unknown as JwtPayload;\n};\n\nexport const parseJwtPayload = (jwt: string): JwtPayload | null => {\n  try {\n    const splitted = jwt.split(\".\");\n    if (splitted.length !== 3) {\n      throw new Error(\"Invalid JWT\");\n    }\n    const [, payload] = splitted;\n    return validateJwtPayload(JSON.parse(atob(payload)));\n  } catch (error: unknown) {\n    console.error(error);\n    return null;\n  }\n};\n\nexport const checkJwtExpiration = (jwt: string): boolean => {\n  const payload = parseJwtPayload(jwt);\n  if (!payload) {\n    return false;\n  }\n  return new Date() < new Date(payload.exp * 1000);\n};\n","import { StorageClient } from \"./lib/client\";\n\nclass M2mStorageClient extends StorageClient {}\n\nexport type { M2mStorageClient };\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 = globalThis.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 = globalThis.M2M_STORAGE;\n    if (storage) {\n      globalThis.clearTimeout(rejectTimer);\n      resolve(storage);\n    }\n\n    const timer = globalThis.setInterval(() => {\n      const storage = globalThis.M2M_STORAGE;\n      if (storage) {\n        globalThis.clearTimeout(rejectTimer);\n        globalThis.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 (globalThis.M2M_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  globalThis.M2M_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 globalThis.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  globalThis.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  globalThis.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","import { DBSchema, openDB } from \"idb\";\nimport { LoginResponse } from \"./api/login\";\n\ninterface PersistenceDatabase extends DBSchema {\n  persistence: {\n    value: LoginResponse;\n    key: \"auth\";\n  };\n}\n\nconst dbPromise = openDB<PersistenceDatabase>(\"persistence-store\", 1, {\n  upgrade(db) {\n    db.createObjectStore(\"persistence\");\n  },\n});\n\nconst get = async (key: \"auth\") => {\n  return (await dbPromise).get(\"persistence\", key);\n};\nconst set = async (key: \"auth\", val: LoginResponse) => {\n  return (await dbPromise).put(\"persistence\", val, key);\n};\n\nexport const persistenceDatabase = {\n  get,\n  set,\n};\n","import { LoginResponse } from \"./login\";\nimport { fetcher } from \"matsuri-hooks\";\nimport { getToken as m2mUsers_v1_getToken } from \"../../endpoints/m2m-users.v1\";\n\n// @see https://github.com/matsuri-tech/m2m-users/blob/master/web/request/login.go#L10-L13\ninterface GetTokenInput {\n  userId: string;\n  refreshToken: string;\n}\ntype GetTokenResponse = LoginResponse;\nexport const requestGetToken = async (input: GetTokenInput) => {\n  return await fetcher<GetTokenResponse>(m2mUsers_v1_getToken(), {\n    method: \"POST\",\n    body: JSON.stringify(input),\n  });\n};\n","import { m2mAuthTokenApi } from \"./client\";\nimport { parseJwtPayload } from \"./jwt\";\nimport { persistenceDatabase } from \"./persistenceDatabase\";\nimport { requestGetToken } from \"./api/getToken\";\n\nexport const refreshAuth = async () => {\n  const auth = await persistenceDatabase.get(\"auth\");\n  if (!auth) return null;\n\n  const payload = parseJwtPayload(auth.accessToken);\n  if (!payload) {\n    return null;\n  }\n\n  const { data: newAuth } = await requestGetToken({\n    refreshToken: auth.refreshToken.refreshToken,\n    userId: payload.userId,\n  });\n\n  if (newAuth) {\n    const authToken = newAuth.accessToken;\n    await m2mAuthTokenApi.set(authToken);\n    await persistenceDatabase.set(\"auth\", newAuth);\n    return authToken;\n  }\n  return null;\n};\n"],"mappings":"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","names":["storage","import_matsuri_hooks","login","token"]}
+{"version":3,"sources":["../../src/storage/useM2mAuth.tsx","../../src/storage/api/login.ts","../../src/endpoints/m2m-users.v1.ts","../../src/storage/jwt.tsx","../../src/storage/client.ts","../../src/storage/persistenceDatabase.ts","../../src/storage/api/getToken.ts","../../src/storage/refreshAuth.tsx"],"sourcesContent":["import { LoginInput, requestLogin } from \"./api/login\";\nimport { checkJwtExpiration } from \"./jwt\";\nimport { m2mAuthTokenApi } from \"./client\";\nimport { persistenceDatabase } from \"./persistenceDatabase\";\nimport { refreshAuth } from \"./refreshAuth\";\nimport React, {\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useState,\n} from \"react\";\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  revalidating: boolean;\n  isLoginRequired: boolean;\n}\n\nconst AuthenticationContext = createContext<AuthenticationState | undefined>(\n  undefined,\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 !== null && 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: auth, error } = await requestLogin(input);\n    if (auth) {\n      const authToken = auth.accessToken;\n\n      setToken(authToken);\n      await m2mAuthTokenApi.set(authToken);\n      await persistenceDatabase.set(\"auth\", auth);\n    }\n    return {\n      error,\n      token: auth ? auth.accessToken : undefined,\n    };\n  }, []);\n\n  const [revalidating, setRevalidating] = useState(true);\n\n  useEffect(() => {\n    const callback = async () => {\n      const authToken = await refreshAuth();\n      if (authToken !== null) {\n        setToken(authToken);\n      }\n      setRevalidating(false);\n    };\n    void callback();\n    // Update auth every 3 hours\n    const timer = setInterval(callback, 3 * 60 * 60 * 1000);\n    return () => clearInterval(timer);\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      revalidating,\n      isLoginRequired: authenticated === false && revalidating === false,\n    } satisfies AuthenticationState;\n  }, [authenticated, login, logout, revalidating, 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","import { fetcher } from \"matsuri-hooks\";\nimport { login as m2mUsers_v1_login } from \"../../endpoints/m2m-users.v1\";\n\nexport interface LoginInput {\n  email: string;\n  password: string;\n}\n// @see https://github.com/matsuri-tech/m2m-users/blob/master/domain/model/common/accessToken.go#L7\nexport interface LoginResponse {\n  accessToken: string;\n  expiresAt: number;\n  refreshToken: {\n    refreshToken: string;\n    refreshTokenExpiresAt: number;\n  };\n}\nexport const requestLogin = async (input: LoginInput) => {\n  return await fetcher<LoginResponse>(m2mUsers_v1_login(), {\n    method: \"POST\",\n    body: JSON.stringify(input),\n  });\n};\n","/* eslint-disable */\n/**\n * A function that returns the URL part common to the endpoints.\n */\nexport const root = () => {\n  let __root = \"\";\n\n  if (globalThis.M2M_COMPONENTS_ENV === \"local\") {\n    __root = \"http://localhost:8080\";\n  }\n\n  if (globalThis.M2M_COMPONENTS_ENV === \"localDev\") {\n    __root = \"https://api-users.dev.m2msystems.cloud\";\n  }\n\n  if (globalThis.M2M_COMPONENTS_ENV === \"development\") {\n    __root = \"https://api-users.dev.m2msystems.cloud\";\n  }\n\n  if (globalThis.M2M_COMPONENTS_ENV === \"production\") {\n    __root = \"https://api.m2msystems.cloud\";\n  }\n\n  return __root;\n};\n/**\n * ヘルスチェック\n *\n */\nexport const healthCheck = () => {\n  const __root = root();\n  const __queries = Object.entries({})\n    .filter(([_, value]) => {\n      return value !== undefined;\n    })\n    .map(([key, value]) => {\n      return `${key}=${value}`;\n    })\n    .join(\"&\");\n  const __path = `${__root}/${`health_check`}`;\n  return __queries ? `${__path}?${__queries}` : __path;\n};\n/**\n * 会社を作成する\n *\n */\nexport const createCompany = () => {\n  const __root = root();\n  const __queries = Object.entries({})\n    .filter(([_, value]) => {\n      return value !== undefined;\n    })\n    .map(([key, value]) => {\n      return `${key}=${value}`;\n    })\n    .join(\"&\");\n  const __path = `${__root}/${`companies/`}`;\n  return __queries ? `${__path}?${__queries}` : __path;\n};\n/**\n * 会社情報を取得する\n *\n */\nexport const getCompany = ({ id }: { id: string }) => {\n  const __root = root();\n  const __queries = Object.entries({})\n    .filter(([_, value]) => {\n      return value !== undefined;\n    })\n    .map(([key, value]) => {\n      return `${key}=${value}`;\n    })\n    .join(\"&\");\n  const __path = `${__root}/${`companies/${id}`}`;\n  return __queries ? `${__path}?${__queries}` : __path;\n};\n/**\n * 会社情報を更新する\n *\n */\nexport const updateCompany = () => {\n  const __root = root();\n  const __queries = Object.entries({})\n    .filter(([_, value]) => {\n      return value !== undefined;\n    })\n    .map(([key, value]) => {\n      return `${key}=${value}`;\n    })\n    .join(\"&\");\n  const __path = `${__root}/${`companies/`}`;\n  return __queries ? `${__path}?${__queries}` : __path;\n};\n/**\n * 会社情報を更新する\n *\n */\nexport const updateCompanyPatch = () => {\n  const __root = root();\n  const __queries = Object.entries({})\n    .filter(([_, value]) => {\n      return value !== undefined;\n    })\n    .map(([key, value]) => {\n      return `${key}=${value}`;\n    })\n    .join(\"&\");\n  const __path = `${__root}/${`companies/`}`;\n  return __queries ? `${__path}?${__queries}` : __path;\n};\n/**\n * idを指定して複数の会社情報を取得する\n * @param {string} company_ids a,b,c\n */\nexport const findCompaniesByIds = ({\n  company_ids,\n}: {\n  company_ids?: string;\n}) => {\n  const __root = root();\n  const __queries = Object.entries({ company_ids })\n    .filter(([_, value]) => {\n      return value !== undefined;\n    })\n    .map(([key, value]) => {\n      return `${key}=${value}`;\n    })\n    .join(\"&\");\n  const __path = `${__root}/${`companies/find_by_ids`}`;\n  return __queries ? `${__path}?${__queries}` : __path;\n};\n/**\n * ユーザーを作成する\n *\n */\nexport const createUser = () => {\n  const __root = root();\n  const __queries = Object.entries({})\n    .filter(([_, value]) => {\n      return value !== undefined;\n    })\n    .map(([key, value]) => {\n      return `${key}=${value}`;\n    })\n    .join(\"&\");\n  const __path = `${__root}/${`users/`}`;\n  return __queries ? `${__path}?${__queries}` : __path;\n};\n/**\n * ユーザーを取得する\n *\n */\nexport const findUserById = ({ id }: { id: string }) => {\n  const __root = root();\n  const __queries = Object.entries({})\n    .filter(([_, value]) => {\n      return value !== undefined;\n    })\n    .map(([key, value]) => {\n      return `${key}=${value}`;\n    })\n    .join(\"&\");\n  const __path = `${__root}/${`users/${id}`}`;\n  return __queries ? `${__path}?${__queries}` : __path;\n};\n/**\n * ユーザーを更新する\n *\n */\nexport const updateUser = ({ id }: { id: string }) => {\n  const __root = root();\n  const __queries = Object.entries({})\n    .filter(([_, value]) => {\n      return value !== undefined;\n    })\n    .map(([key, value]) => {\n      return `${key}=${value}`;\n    })\n    .join(\"&\");\n  const __path = `${__root}/${`users/${id}`}`;\n  return __queries ? `${__path}?${__queries}` : __path;\n};\n/**\n * ユーザーを更新する\n *\n */\nexport const updateUserPatch = ({ id }: { id: string }) => {\n  const __root = root();\n  const __queries = Object.entries({})\n    .filter(([_, value]) => {\n      return value !== undefined;\n    })\n    .map(([key, value]) => {\n      return `${key}=${value}`;\n    })\n    .join(\"&\");\n  const __path = `${__root}/${`users/${id}`}`;\n  return __queries ? `${__path}?${__queries}` : __path;\n};\n/**\n * ユーザーを強制的に有効化する\n *\n */\nexport const activateUserByAdmin = ({ id }: { id: string }) => {\n  const __root = root();\n  const __queries = Object.entries({})\n    .filter(([_, value]) => {\n      return value !== undefined;\n    })\n    .map(([key, value]) => {\n      return `${key}=${value}`;\n    })\n    .join(\"&\");\n  const __path = `${__root}/${`users/${id}/admin_activate`}`;\n  return __queries ? `${__path}?${__queries}` : __path;\n};\n/**\n * ユーザーを無効化する\n *\n */\nexport const deactivateUser = ({ id }: { id: string }) => {\n  const __root = root();\n  const __queries = Object.entries({})\n    .filter(([_, value]) => {\n      return value !== undefined;\n    })\n    .map(([key, value]) => {\n      return `${key}=${value}`;\n    })\n    .join(\"&\");\n  const __path = `${__root}/${`users/${id}/deactivate`}`;\n  return __queries ? `${__path}?${__queries}` : __path;\n};\n/**\n * パスワードリセットのメールを送信する\n *\n */\nexport const sendResetPasswordEmail = () => {\n  const __root = root();\n  const __queries = Object.entries({})\n    .filter(([_, value]) => {\n      return value !== undefined;\n    })\n    .map(([key, value]) => {\n      return `${key}=${value}`;\n    })\n    .join(\"&\");\n  const __path = `${__root}/${`users/reset_password_email`}`;\n  return __queries ? `${__path}?${__queries}` : __path;\n};\n/**\n * パスワードをリセットする\n *\n */\nexport const resetPassword = () => {\n  const __root = root();\n  const __queries = Object.entries({})\n    .filter(([_, value]) => {\n      return value !== undefined;\n    })\n    .map(([key, value]) => {\n      return `${key}=${value}`;\n    })\n    .join(\"&\");\n  const __path = `${__root}/${`users/reset_password`}`;\n  return __queries ? `${__path}?${__queries}` : __path;\n};\n/**\n * アクティベーションメールを送信する\n *\n */\nexport const sendActivationEmail = () => {\n  const __root = root();\n  const __queries = Object.entries({})\n    .filter(([_, value]) => {\n      return value !== undefined;\n    })\n    .map(([key, value]) => {\n      return `${key}=${value}`;\n    })\n    .join(\"&\");\n  const __path = `${__root}/${`users/activation_email`}`;\n  return __queries ? `${__path}?${__queries}` : __path;\n};\n/**\n * ユーザーを有効化する\n *\n */\nexport const activateUser = () => {\n  const __root = root();\n  const __queries = Object.entries({})\n    .filter(([_, value]) => {\n      return value !== undefined;\n    })\n    .map(([key, value]) => {\n      return `${key}=${value}`;\n    })\n    .join(\"&\");\n  const __path = `${__root}/${`users/activate`}`;\n  return __queries ? `${__path}?${__queries}` : __path;\n};\n/**\n * 認可スコープを設定する\n *\n */\nexport const setAuthorityScope = () => {\n  const __root = root();\n  const __queries = Object.entries({})\n    .filter(([_, value]) => {\n      return value !== undefined;\n    })\n    .map(([key, value]) => {\n      return `${key}=${value}`;\n    })\n    .join(\"&\");\n  const __path = `${__root}/${`users/scope`}`;\n  return __queries ? `${__path}?${__queries}` : __path;\n};\n/**\n * メールを指定してユーザーを取得する\n *\n */\nexport const findUserByEmail = () => {\n  const __root = root();\n  const __queries = Object.entries({})\n    .filter(([_, value]) => {\n      return value !== undefined;\n    })\n    .map(([key, value]) => {\n      return `${key}=${value}`;\n    })\n    .join(\"&\");\n  const __path = `${__root}/${`users/find_by_email`}`;\n  return __queries ? `${__path}?${__queries}` : __path;\n};\n/**\n * ユーザーの権限を更新する\n *\n */\nexport const updateAuthority = ({ id }: { id: string }) => {\n  const __root = root();\n  const __queries = Object.entries({})\n    .filter(([_, value]) => {\n      return value !== undefined;\n    })\n    .map(([key, value]) => {\n      return `${key}=${value}`;\n    })\n    .join(\"&\");\n  const __path = `${__root}/${`users/authority/${id}`}`;\n  return __queries ? `${__path}?${__queries}` : __path;\n};\n/**\n * companyIdからユーザーを取得する\n * @param {string} statuses BeforeVerification,Active,Deactivated\n */\nexport const findUsersByCompanyId = ({ statuses }: { statuses?: string }) => {\n  const __root = root();\n  const __queries = Object.entries({ statuses })\n    .filter(([_, value]) => {\n      return value !== undefined;\n    })\n    .map(([key, value]) => {\n      return `${key}=${value}`;\n    })\n    .join(\"&\");\n  const __path = `${__root}/${`users/find_by_company_id`}`;\n  return __queries ? `${__path}?${__queries}` : __path;\n};\n/**\n * ユーザー情報をAdminが変更する\n *\n */\nexport const updateUserByAdmin = ({ id }: { id: string }) => {\n  const __root = root();\n  const __queries = Object.entries({})\n    .filter(([_, value]) => {\n      return value !== undefined;\n    })\n    .map(([key, value]) => {\n      return `${key}=${value}`;\n    })\n    .join(\"&\");\n  const __path = `${__root}/${`users/${id}/admin_update`}`;\n  return __queries ? `${__path}?${__queries}` : __path;\n};\n/**\n * ユーザーの会社を移動する\n *\n */\nexport const transferUserCompany = () => {\n  const __root = root();\n  const __queries = Object.entries({})\n    .filter(([_, value]) => {\n      return value !== undefined;\n    })\n    .map(([key, value]) => {\n      return `${key}=${value}`;\n    })\n    .join(\"&\");\n  const __path = `${__root}/${`users/transfer_company`}`;\n  return __queries ? `${__path}?${__queries}` : __path;\n};\n/**\n * ログインする\n *\n */\nexport const login = () => {\n  const __root = root();\n  const __queries = Object.entries({})\n    .filter(([_, value]) => {\n      return value !== undefined;\n    })\n    .map(([key, value]) => {\n      return `${key}=${value}`;\n    })\n    .join(\"&\");\n  const __path = `${__root}/${`login`}`;\n  return __queries ? `${__path}?${__queries}` : __path;\n};\n/**\n * ログインする\n *\n */\nexport const loginWithSlash = () => {\n  const __root = root();\n  const __queries = Object.entries({})\n    .filter(([_, value]) => {\n      return value !== undefined;\n    })\n    .map(([key, value]) => {\n      return `${key}=${value}`;\n    })\n    .join(\"&\");\n  const __path = `${__root}/${`login/`}`;\n  return __queries ? `${__path}?${__queries}` : __path;\n};\n/**\n * JWKを取得する\n *\n */\nexport const getJwks = () => {\n  const __root = root();\n  const __queries = Object.entries({})\n    .filter(([_, value]) => {\n      return value !== undefined;\n    })\n    .map(([key, value]) => {\n      return `${key}=${value}`;\n    })\n    .join(\"&\");\n  const __path = `${__root}/${`login/jwks`}`;\n  return __queries ? `${__path}?${__queries}` : __path;\n};\n/**\n * 公開鍵を取得する\n *\n */\nexport const getPublicKeys = () => {\n  const __root = root();\n  const __queries = Object.entries({})\n    .filter(([_, value]) => {\n      return value !== undefined;\n    })\n    .map(([key, value]) => {\n      return `${key}=${value}`;\n    })\n    .join(\"&\");\n  const __path = `${__root}/${`login/public_keys`}`;\n  return __queries ? `${__path}?${__queries}` : __path;\n};\n/**\n * MFAのコードを発行する\n *\n */\nexport const publishMFACode = () => {\n  const __root = root();\n  const __queries = Object.entries({})\n    .filter(([_, value]) => {\n      return value !== undefined;\n    })\n    .map(([key, value]) => {\n      return `${key}=${value}`;\n    })\n    .join(\"&\");\n  const __path = `${__root}/${`login/publish_mfa_code`}`;\n  return __queries ? `${__path}?${__queries}` : __path;\n};\n/**\n * MFAを使ってログインする\n *\n */\nexport const loginWithMFA = () => {\n  const __root = root();\n  const __queries = Object.entries({})\n    .filter(([_, value]) => {\n      return value !== undefined;\n    })\n    .map(([key, value]) => {\n      return `${key}=${value}`;\n    })\n    .join(\"&\");\n  const __path = `${__root}/${`login/mfa_login`}`;\n  return __queries ? `${__path}?${__queries}` : __path;\n};\n/**\n * トークンを取得する\n *\n */\nexport const getToken = () => {\n  const __root = root();\n  const __queries = Object.entries({})\n    .filter(([_, value]) => {\n      return value !== undefined;\n    })\n    .map(([key, value]) => {\n      return `${key}=${value}`;\n    })\n    .join(\"&\");\n  const __path = `${__root}/${`login/token`}`;\n  return __queries ? `${__path}?${__queries}` : __path;\n};\n/**\n * usersに存在しないアカウントのトークンを作成する(deprecated)\n *\n */\nexport const generateToken = () => {\n  const __root = root();\n  const __queries = Object.entries({})\n    .filter(([_, value]) => {\n      return value !== undefined;\n    })\n    .map(([key, value]) => {\n      return `${key}=${value}`;\n    })\n    .join(\"&\");\n  const __path = `${__root}/${`guest/token`}`;\n  return __queries ? `${__path}?${__queries}` : __path;\n};\n/**\n * usersに存在しないアカウントのトークンを作成する\n *\n */\nexport const generateUserToken = () => {\n  const __root = root();\n  const __queries = Object.entries({})\n    .filter(([_, value]) => {\n      return value !== undefined;\n    })\n    .map(([key, value]) => {\n      return `${key}=${value}`;\n    })\n    .join(\"&\");\n  const __path = `${__root}/${`generate/token`}`;\n  return __queries ? `${__path}?${__queries}` : __path;\n};\nexport const m2mUsers_v1 = {\n  healthCheck,\n  createCompany,\n  getCompany,\n  updateCompany,\n  updateCompanyPatch,\n  findCompaniesByIds,\n  createUser,\n  findUserById,\n  updateUser,\n  updateUserPatch,\n  activateUserByAdmin,\n  deactivateUser,\n  sendResetPasswordEmail,\n  resetPassword,\n  sendActivationEmail,\n  activateUser,\n  setAuthorityScope,\n  findUserByEmail,\n  updateAuthority,\n  findUsersByCompanyId,\n  updateUserByAdmin,\n  transferUserCompany,\n  login,\n  loginWithSlash,\n  getJwks,\n  getPublicKeys,\n  publishMFACode,\n  loginWithMFA,\n  getToken,\n  generateToken,\n  generateUserToken,\n};\n","interface JwtPayload {\n  aud: string;\n  authority: string;\n  companyId: string;\n  exp: number;\n  iss: string;\n  loginType: string;\n  scope: Record<string, string>;\n  userId: string;\n}\n\nconst isObject = (value: unknown): value is Record<string, unknown> => {\n  return typeof value === \"object\" && value !== null;\n};\n/**\n * 利用するパラメータが存在するかどうかを確認する\n */\nconst validateJwtPayload = (payload: unknown): JwtPayload => {\n  if (isObject(payload) === false) {\n    throw new Error(\"JWT payload is not an object\");\n  }\n\n  if (typeof payload?.exp !== \"number\" || typeof payload?.userId !== \"string\") {\n    throw new Error(\"JWT payload is missing required fields\");\n  }\n\n  return payload as unknown as JwtPayload;\n};\n\nexport const parseJwtPayload = (jwt: string): JwtPayload | null => {\n  try {\n    const splitted = jwt.split(\".\");\n    if (splitted.length !== 3) {\n      throw new Error(\"Invalid JWT\");\n    }\n    const [, payload] = splitted;\n    return validateJwtPayload(JSON.parse(atob(payload)));\n  } catch (error: unknown) {\n    console.error(error);\n    return null;\n  }\n};\n\nexport const checkJwtExpiration = (jwt: string): boolean => {\n  const payload = parseJwtPayload(jwt);\n  if (!payload) {\n    return false;\n  }\n  return new Date() < new Date(payload.exp * 1000);\n};\n","import { StorageClient } from \"./lib/client\";\n\nclass M2mStorageClient extends StorageClient {}\n\nexport type { M2mStorageClient };\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 = globalThis.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 = globalThis.M2M_STORAGE;\n    if (storage) {\n      globalThis.clearTimeout(rejectTimer);\n      resolve(storage);\n    }\n\n    const timer = globalThis.setInterval(() => {\n      const storage = globalThis.M2M_STORAGE;\n      if (storage) {\n        globalThis.clearTimeout(rejectTimer);\n        globalThis.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 (globalThis.M2M_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  globalThis.M2M_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 globalThis.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  globalThis.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  globalThis.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","import { DBSchema, openDB } from \"idb\";\nimport { LoginResponse } from \"./api/login\";\n\ninterface PersistenceDatabase extends DBSchema {\n  persistence: {\n    value: LoginResponse;\n    key: \"auth\";\n  };\n}\n\nconst dbPromise = openDB<PersistenceDatabase>(\"persistence-store\", 1, {\n  upgrade(db) {\n    db.createObjectStore(\"persistence\");\n  },\n});\n\nconst get = async (key: \"auth\") => {\n  return (await dbPromise).get(\"persistence\", key);\n};\nconst set = async (key: \"auth\", val: LoginResponse) => {\n  return (await dbPromise).put(\"persistence\", val, key);\n};\n\nexport const persistenceDatabase = {\n  get,\n  set,\n};\n","import { LoginResponse } from \"./login\";\nimport { fetcher } from \"matsuri-hooks\";\nimport { getToken as m2mUsers_v1_getToken } from \"../../endpoints/m2m-users.v1\";\n\n// @see https://github.com/matsuri-tech/m2m-users/blob/master/web/request/login.go#L10-L13\ninterface GetTokenInput {\n  userId: string;\n  refreshToken: string;\n}\ntype GetTokenResponse = LoginResponse;\nexport const requestGetToken = async (input: GetTokenInput) => {\n  return await fetcher<GetTokenResponse>(m2mUsers_v1_getToken(), {\n    method: \"POST\",\n    body: JSON.stringify(input),\n  });\n};\n","import { m2mAuthTokenApi } from \"./client\";\nimport { parseJwtPayload } from \"./jwt\";\nimport { persistenceDatabase } from \"./persistenceDatabase\";\nimport { requestGetToken } from \"./api/getToken\";\n\nexport const refreshAuth = async () => {\n  const auth = await persistenceDatabase.get(\"auth\");\n  if (!auth) return null;\n\n  const payload = parseJwtPayload(auth.accessToken);\n  if (!payload) {\n    return null;\n  }\n\n  const { data: newAuth } = await requestGetToken({\n    refreshToken: auth.refreshToken.refreshToken,\n    userId: payload.userId,\n  });\n\n  if (newAuth) {\n    const authToken = newAuth.accessToken;\n    await m2mAuthTokenApi.set(authToken);\n    await persistenceDatabase.set(\"auth\", newAuth);\n    return authToken;\n  }\n  return null;\n};\n"],"mappings":"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","names":["storage","import_matsuri_hooks","login","token"]}

package/storage/useM2mAuth.mjs

@@ -64,13 +64,16 @@ var M2mAuthenticationProvider = ({
       token: auth ? auth.accessToken : void 0
     };
   }, []);
+  const [revalidating, setRevalidating] = useState(true);
   useEffect(() => {
     const callback = async () => {
       const authToken = await refreshAuth();
       if (authToken !== null) {
         setToken(authToken);
       }
+      setRevalidating(false);
     };
+    void callback();
     const timer = setInterval(callback, 3 * 60 * 60 * 1e3);
     return () => clearInterval(timer);
   }, []);
@@ -94,9 +97,11 @@ var M2mAuthenticationProvider = ({
       logout,
       token,
       authenticated,
-      updateToken
+      updateToken,
+      revalidating,
+      isLoginRequired: authenticated === false && revalidating === false
     };
-  }, [authenticated, login, logout, token, updateToken]);
+  }, [authenticated, login, logout, revalidating, token, updateToken]);
   return /* @__PURE__ */ jsx(AuthenticationContext.Provider, { value: state, children });
 };
 var useAuth = () => {

package/storage/useM2mAuth.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/storage/useM2mAuth.tsx"],"sourcesContent":["import { LoginInput, requestLogin } from \"./api/login\";\nimport { checkJwtExpiration } from \"./jwt\";\nimport { m2mAuthTokenApi } from \"./client\";\nimport { persistenceDatabase } from \"./persistenceDatabase\";\nimport { refreshAuth } from \"./refreshAuth\";\nimport React, {\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useState,\n} from \"react\";\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\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 !== null && 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: auth, error } = await requestLogin(input);\n    if (auth) {\n      const authToken = auth.accessToken;\n\n      setToken(authToken);\n      await m2mAuthTokenApi.set(authToken);\n      await persistenceDatabase.set(\"auth\", auth);\n    }\n    return {\n      error,\n      token: auth ? auth.accessToken : undefined,\n    };\n  }, []);\n\n  useEffect(() => {\n    const callback = async () => {\n      const authToken = await refreshAuth();\n      if (authToken !== null) {\n        setToken(authToken);\n      }\n    };\n    // Update auth every 3 hours\n    const timer = setInterval(callback, 3 * 60 * 60 * 1000);\n    return () => clearInterval(timer);\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":";;;;;;;;;;;;;;;;;;;;;;AAKA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AA2FH;AAjFJ,IAAM,wBAAwB;AAAA,EAC5B;AACF;AAEO,IAAM,4BAA4B,CAAC;AAAA,EACxC;AACF,MAEM;AA9BN;AA+BE,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,cAAc,QAAQ,mBAAmB,SAAS,IAAI;AAC1D,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,QAAM,QAAQ,YAAY,OAAO,UAAsB;AACrD,UAAM,EAAE,MAAM,MAAM,MAAM,IAAI,MAAM,aAAa,KAAK;AACtD,QAAI,MAAM;AACR,YAAM,YAAY,KAAK;AAEvB,eAAS,SAAS;AAClB,YAAM,gBAAgB,IAAI,SAAS;AACnC,YAAM,oBAAoB,IAAI,QAAQ,IAAI;AAAA,IAC5C;AACA,WAAO;AAAA,MACL;AAAA,MACA,OAAO,OAAO,KAAK,cAAc;AAAA,IACnC;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,YAAU,MAAM;AACd,UAAM,WAAW,YAAY;AAC3B,YAAM,YAAY,MAAM,YAAY;AACpC,UAAI,cAAc,MAAM;AACtB,iBAAS,SAAS;AAAA,MACpB;AAAA,IACF;AAEA,UAAM,QAAQ,YAAY,UAAU,IAAI,KAAK,KAAK,GAAI;AACtD,WAAO,MAAM,cAAc,KAAK;AAAA,EAClC,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,OAAOA,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;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF,GAAG,CAAC,eAAe,OAAO,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":["token"]}
+{"version":3,"sources":["../../src/storage/useM2mAuth.tsx"],"sourcesContent":["import { LoginInput, requestLogin } from \"./api/login\";\nimport { checkJwtExpiration } from \"./jwt\";\nimport { m2mAuthTokenApi } from \"./client\";\nimport { persistenceDatabase } from \"./persistenceDatabase\";\nimport { refreshAuth } from \"./refreshAuth\";\nimport React, {\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useState,\n} from \"react\";\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  revalidating: boolean;\n  isLoginRequired: boolean;\n}\n\nconst AuthenticationContext = createContext<AuthenticationState | undefined>(\n  undefined,\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 !== null && 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: auth, error } = await requestLogin(input);\n    if (auth) {\n      const authToken = auth.accessToken;\n\n      setToken(authToken);\n      await m2mAuthTokenApi.set(authToken);\n      await persistenceDatabase.set(\"auth\", auth);\n    }\n    return {\n      error,\n      token: auth ? auth.accessToken : undefined,\n    };\n  }, []);\n\n  const [revalidating, setRevalidating] = useState(true);\n\n  useEffect(() => {\n    const callback = async () => {\n      const authToken = await refreshAuth();\n      if (authToken !== null) {\n        setToken(authToken);\n      }\n      setRevalidating(false);\n    };\n    void callback();\n    // Update auth every 3 hours\n    const timer = setInterval(callback, 3 * 60 * 60 * 1000);\n    return () => clearInterval(timer);\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      revalidating,\n      isLoginRequired: authenticated === false && revalidating === false,\n    } satisfies AuthenticationState;\n  }, [authenticated, login, logout, revalidating, 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":";;;;;;;;;;;;;;;;;;;;;;AAKA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAmGH;AAvFJ,IAAM,wBAAwB;AAAA,EAC5B;AACF;AAEO,IAAM,4BAA4B,CAAC;AAAA,EACxC;AACF,MAEM;AAhCN;AAiCE,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,cAAc,QAAQ,mBAAmB,SAAS,IAAI;AAC1D,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,QAAM,QAAQ,YAAY,OAAO,UAAsB;AACrD,UAAM,EAAE,MAAM,MAAM,MAAM,IAAI,MAAM,aAAa,KAAK;AACtD,QAAI,MAAM;AACR,YAAM,YAAY,KAAK;AAEvB,eAAS,SAAS;AAClB,YAAM,gBAAgB,IAAI,SAAS;AACnC,YAAM,oBAAoB,IAAI,QAAQ,IAAI;AAAA,IAC5C;AACA,WAAO;AAAA,MACL;AAAA,MACA,OAAO,OAAO,KAAK,cAAc;AAAA,IACnC;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,QAAM,CAAC,cAAc,eAAe,IAAI,SAAS,IAAI;AAErD,YAAU,MAAM;AACd,UAAM,WAAW,YAAY;AAC3B,YAAM,YAAY,MAAM,YAAY;AACpC,UAAI,cAAc,MAAM;AACtB,iBAAS,SAAS;AAAA,MACpB;AACA,sBAAgB,KAAK;AAAA,IACvB;AACA,SAAK,SAAS;AAEd,UAAM,QAAQ,YAAY,UAAU,IAAI,KAAK,KAAK,GAAI;AACtD,WAAO,MAAM,cAAc,KAAK;AAAA,EAClC,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,OAAOA,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;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,iBAAiB,kBAAkB,SAAS,iBAAiB;AAAA,IAC/D;AAAA,EACF,GAAG,CAAC,eAAe,OAAO,QAAQ,cAAc,OAAO,WAAW,CAAC;AACnE,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":["token"]}

package/chunk-SF2L3P2H.mjs.map

@@ -1 +0,0 @@
-{"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    const isHidden = this.expanded === false || this.expanded === undefined;\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=${isHidden}\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,UAAM,WAAW,KAAK,aAAa,SAAS,KAAK,aAAa;AAC9D,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,QAAQ;AAAA;AAAA;AAAA,uBAGP,QAAQ,KAAK;AAAA,qBACf,KAAK,YAAY;AAAA;AAAA;AAAA,UAG5B,eAAe;AAAA;AAAA;AAAA,EAGvB;AACF;AA7Ca,cAAN;AAAA,EADN,cAAc,eAAe;AAAA,GACjB;","names":[]}

package/chunk-YXPSTKYY.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/m2m-apps-menu.ts"],"sourcesContent":["import { MenuBaseElement, MenuBaseElementProps } from \"./MenuBaseElement\";\nimport { customElement } from \"lit/decorators.js\";\nimport { getDomains } from \"./domains\";\nimport { html } from \"lit\";\nimport { ref } from \"lit/directives/ref.js\";\n\nexport type M2MAppsMenuProps = MenuBaseElementProps;\n\n@customElement(\"m2m-apps-menu\")\nexport class M2MAppsMenu extends MenuBaseElement {\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    const isHidden = this.expanded === false || this.expanded === undefined;\n    return html`<nav>\n      <button\n        type=\"button\"\n        class=\"navigation-drawer-controll-button navigation-drawer-controll-button--icon\"\n        aria-controls=\"m2m-apps-menu__navigation-drawer\"\n        aria-expanded=${this.expanded}\n        @click=${this.handleToggleDrawer}\n      >\n        <svg\n          xmlns=\"http://www.w3.org/2000/svg\"\n          width=\"38px\"\n          height=\"38px\"\n          viewBox=\"0 0 24 24\"\n        >\n          <path\n            d=\"M4 8h4V4H4v4zm6 12h4v-4h-4v4zm-6 0h4v-4H4v4zm0-6h4v-4H4v4zm6 0h4v-4h-4v4zm6-10v4h4V4h-4zm-6 4h4V4h-4v4zm6 6h4v-4h-4v4zm0 6h4v-4h-4v4z\"\n          />\n        </svg>\n      </button>\n      <ul\n        ${ref(this.listRef)}\n        id=\"m2m-apps-menu__navigation-drawer\"\n        aria-hidden=${isHidden}\n        class=\"navigation-drawer\"\n      >\n        <li>\n          <span>m2m Series</span>\n          <ul>\n            <li><a href=\"${domains.core}\">Core 施設管理</a></li>\n            <li><a href=\"${domains.checkin}\">Checkin ゲストチェックイン</a></li>\n            <li><a href=\"${domains.systems}\">Systems Airbnb連携</a></li>\n            <li><a href=\"${domains.cleaning}\">Cleaning 清掃管理</a></li>\n            <li><a href=\"${domains.inspection}\">Inspection 内見チェック</a></li>\n            <li><a href=\"${domains.users}\">Users アカウント管理</a></li>\n          </ul>\n        </li>\n        <li>\n          <a href=\"${domains.sumyca}\">Sumyca マンスリープラットフォーム</a>\n        </li>\n        ${additionalItems}\n      </ul>\n    </nav>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"m2m-apps-menu\": M2MAppsMenu;\n  }\n}\n"],"mappings":";;;;;;;;;;;;AACA,SAAS,qBAAqB;AAE9B,SAAS,YAAY;AACrB,SAAS,WAAW;AAKb,IAAM,cAAN,cAA0B,gBAAgB;AAAA,EAC/C,SAAS;AAVX;AAWI,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,UAAM,WAAW,KAAK,aAAa,SAAS,KAAK,aAAa;AAC9D,WAAO;AAAA;AAAA;AAAA;AAAA;AAAA,wBAKa,KAAK,QAAQ;AAAA,iBACpB,KAAK,kBAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAc9B,IAAI,KAAK,OAAO,CAAC;AAAA;AAAA,sBAEL,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAMH,QAAQ,IAAI;AAAA,2BACZ,QAAQ,OAAO;AAAA,2BACf,QAAQ,OAAO;AAAA,2BACf,QAAQ,QAAQ;AAAA,2BAChB,QAAQ,UAAU;AAAA,2BAClB,QAAQ,KAAK;AAAA;AAAA;AAAA;AAAA,qBAInB,QAAQ,MAAM;AAAA;AAAA,UAEzB,eAAe;AAAA;AAAA;AAAA,EAGvB;AACF;AAtDa,cAAN;AAAA,EADN,cAAc,eAAe;AAAA,GACjB;","names":[]}