m2m-components 7.1.9-alpha-1762845605139-91949a7.0 → 8.0.0

package/domains.mjs

@@ -2,7 +2,8 @@ import {
   developmentDomains,
   productionDomains,
   useDomains
-} from "./chunk-H6LVVTPR.mjs";
+} from "./chunk-ZBZMUI2R.mjs";
+import "./chunk-W5DAWJ2F.mjs";
 import "./chunk-ZOXT4E27.mjs";
 export {
   developmentDomains,

package/index.js

@@ -30,6 +30,14 @@ var __decorateClass = (decorators, target, key, kind) => {
   return result;
 };
 
+// src/storage/getM2MStorageHubDomain.ts
+var getM2MStorageHubDomain = (env) => {
+  if (env === "production" || globalThis.M2M_COMPONENTS_ENV === "production") {
+    return "https://hub.m2msystems.cloud";
+  }
+  return "https://hub.dev.m2msystems.cloud";
+};
+
 // src/domains.ts
 var developmentDomains = {
   core: "https://core.dev.m2msystems.cloud",
@@ -47,8 +55,19 @@ var productionDomains = {
   checkin: "https://manage.checkin.m2msystems.cloud",
   systems: "https://m2msystems.cloud/"
 };
-var useDomains = () => {
-  return globalThis.M2M_COMPONENTS_ENV === "production" ? productionDomains : developmentDomains;
+var useDomains = async (signal) => {
+  const env = globalThis.M2M_COMPONENTS_ENV === "production" ? "production" : "development";
+  try {
+    const domain = getM2MStorageHubDomain(env);
+    const response = await fetch(`${domain}/api/domains/${env}`, { signal });
+    if (!response.ok) {
+      throw new Error(`Failed to fetch domains: ${response.statusText}`);
+    }
+    const data = await response.json();
+    return data;
+  } catch {
+    return globalThis.M2M_COMPONENTS_ENV === "production" ? productionDomains : developmentDomains;
+  }
 };
 
 // src/feedback/index.tsx
@@ -144,6 +163,7 @@ var m2mAuthTokenApi = {
 var import_decorators = require("lit/decorators.js");
 var import_lit2 = require("lit");
 var import_ref2 = require("lit/directives/ref.js");
+var import_task = require("@lit/task");
 
 // src/MenuBaseElement.ts
 var import_lit = require("lit");
@@ -290,11 +310,76 @@ MenuBaseElement.properties = {
   }
 };
 
+// src/apps.ts
+var apps = [
+  {
+    label: "m2m Series",
+    type: "group",
+    children: [
+      {
+        label: "Core \u65BD\u8A2D\u7BA1\u7406",
+        type: "link",
+        key: "core"
+      },
+      {
+        label: "Checkin \u30B2\u30B9\u30C8\u30C1\u30A7\u30C3\u30AF\u30A4\u30F3",
+        type: "link",
+        key: "checkin"
+      },
+      {
+        label: "Systems Airbnb\u9023\u643A",
+        type: "link",
+        key: "systems"
+      },
+      {
+        label: "Cleaning \u6E05\u6383\u7BA1\u7406",
+        type: "link",
+        key: "cleaning"
+      },
+      {
+        label: "Users \u30A2\u30AB\u30A6\u30F3\u30C8\u7BA1\u7406",
+        type: "link",
+        key: "users"
+      }
+    ]
+  },
+  {
+    label: "Sumyca \u30DE\u30F3\u30B9\u30EA\u30FC\u30D7\u30E9\u30C3\u30C8\u30D5\u30A9\u30FC\u30E0",
+    key: "sumyca",
+    type: "link"
+  }
+];
+var useApps = async (signal) => {
+  const env = globalThis.M2M_COMPONENTS_ENV === "production" ? "production" : "development";
+  try {
+    const domain = getM2MStorageHubDomain(env);
+    const response = await fetch(`${domain}/api/apps`, { signal });
+    if (!response.ok) {
+      throw new Error(`Failed to fetch apps: ${response.statusText}`);
+    }
+    const data = await response.json();
+    return data;
+  } catch {
+    return apps;
+  }
+};
+
 // src/m2m-apps-menu.ts
 var M2MAppsMenu = class extends MenuBaseElement {
+  constructor() {
+    super(...arguments);
+    this._dataTask = new import_task.Task(this, {
+      task: async (_, { signal }) => {
+        const apps2 = await useApps(signal);
+        const domains = await useDomains(signal);
+        return { apps: apps2, domains };
+      },
+      args: () => []
+    });
+  }
   render() {
     var _a;
-    const domains = useDomains();
+    const isHidden = this.expanded === false || this.expanded === void 0;
     const additionalItems = (_a = this.additinalItems) == null ? void 0 : _a.map((item) => {
       return import_lit2.html`
         <li>
@@ -302,7 +387,6 @@ var M2MAppsMenu = class extends MenuBaseElement {
         </li>
       `;
     });
-    const isHidden = this.expanded === false || this.expanded === void 0;
     return import_lit2.html`<nav>
       <button
         type="button"
@@ -328,19 +412,35 @@ var M2MAppsMenu = class extends MenuBaseElement {
         aria-hidden=${isHidden}
         class="navigation-drawer"
       >
-        <li>
-          <span>m2m Series</span>
-          <ul>
-            <li><a href="${domains.core}">Core 施設管理</a></li>
-            <li><a href="${domains.checkin}">Checkin ゲストチェックイン</a></li>
-            <li><a href="${domains.systems}">Systems Airbnb連携</a></li>
-            <li><a href="${domains.cleaning}">Cleaning 清掃管理</a></li>
-            <li><a href="${domains.users}">Users アカウント管理</a></li>
-          </ul>
-        </li>
-        <li>
-          <a href="${domains.sumyca}">Sumyca マンスリープラットフォーム</a>
-        </li>
+        ${this._dataTask.render({
+      pending: () => import_lit2.html`<li><a disabled href="#">Loading...</a></li>`,
+      complete: ({ apps: apps2, domains }) => {
+        return apps2.map((app) => {
+          return app.type === "group" ? import_lit2.html`
+                    <li>
+                      <span>${app.label}</span>
+                      <ul>
+                        ${app.children.map((child) => {
+            if (child.type === "link") {
+              return import_lit2.html`
+                              <li>
+                                <a href="${domains[child.key]}"
+                                  >${child.label}</a
+                                >
+                              </li>
+                            `;
+            }
+          })}
+                      </ul>
+                    </li>
+                  ` : import_lit2.html`
+                    <li>
+                      <a href="${domains[app.key]}">${app.label}</a>
+                    </li>
+                  `;
+        });
+      }
+    })}
         ${additionalItems}
       </ul>
     </nav>`;
@@ -354,6 +454,7 @@ M2MAppsMenu = __decorateClass([
 var import_decorators2 = require("lit/decorators.js");
 var import_lit3 = require("lit");
 var import_ref3 = require("lit/directives/ref.js");
+var import_task2 = require("@lit/task");
 
 // src/storage/persistenceDatabase.ts
 var import_idb = require("idb");
@@ -394,10 +495,16 @@ var M2MUserMenu = class extends MenuBaseElement {
       await clearAuth();
       window.location.reload();
     };
+    this._usersUrlTask = new import_task2.Task(this, {
+      task: async (_, { signal }) => {
+        const domains = await useDomains(signal);
+        return domains.users;
+      },
+      args: () => []
+    });
   }
   render() {
     var _a;
-    const domains = useDomains();
     const additionalItems = (_a = this.additinalItems) == null ? void 0 : _a.map((item) => {
       return import_lit3.html`
         <li>
@@ -427,7 +534,14 @@ var M2MUserMenu = class extends MenuBaseElement {
         aria-hidden=${isHidden}
         class="navigation-drawer"
       >
-        <li><a href="${domains.users}">アカウント情報</a></li>
+        <li>
+          ${this._usersUrlTask.render({
+      pending: () => import_lit3.html`<a disabled href="#">Loading...</a>`,
+      complete: (usersUrl) => {
+        return import_lit3.html`<a href="${usersUrl}">アカウント情報</a>`;
+      }
+    })}
+        </li>
         <li @click=${this.handleLogout}>
           <button type="button">ログアウト</button>
         </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/m2m-apps-menu.ts","../src/MenuBaseElement.ts","../src/m2m-user-menu.ts","../src/storage/persistenceDatabase.ts","../src/storage/clearAuth.tsx"],"sourcesContent":["import { type AppLinkKey } from \"./apps\";\n\ntype DomainRecord = Record<AppLinkKey, string>;\n\nexport const developmentDomains: DomainRecord = {\n  core: \"https://core.dev.m2msystems.cloud\",\n  sumyca: \"https://manage.dev.sumyca.com\",\n  cleaning: \"https://manager-cleaning.dev.m2msystems.cloud\",\n  users: \"https://manage-users.dev.m2msystems.cloud\",\n  checkin: \"https://manage.checkin.dev.m2msystems.cloud\",\n  systems: \"https://dev.m2msystems.cloud\",\n};\n\nexport const productionDomains: DomainRecord = {\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  checkin: \"https://manage.checkin.m2msystems.cloud\",\n  systems: \"https://m2msystems.cloud/\",\n};\n\nexport const useDomains = () => {\n  return globalThis.M2M_COMPONENTS_ENV === \"production\"\n    ? productionDomains\n    : developmentDomains;\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 { PropsWithChildren, createContext, useContext, useState } from \"react\";\nimport FeedbackIconBase from \"@mui/icons-material/Feedback\";\nimport { MultipleTextQuestion } from \"./MultipleTextQuestion\";\nimport { SelectQuestion } from \"./SelectQuestion\";\nimport { getRandomId } from \"./getRandomId\";\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\n// FIXME: マージされたらhub.dev.m2msystems.cloudに書き換える\nconst M2M_STORAGE_HUB_URL_DEV =\n  \"https://m2m-components-git-feat-1296-matsuri-technologies.vercel.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 !== null && autuToken !== undefined && autuToken.length > 0\n      ? autuToken\n      : 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 { customElement } from \"lit/decorators.js\";\nimport { html } from \"lit\";\nimport { ref } from \"lit/directives/ref.js\";\nimport { MenuBaseElement, MenuBaseElementProps } from \"./MenuBaseElement\";\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.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\";\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  declare additinalItems: MenuBaseElementProps[\"additinalItems\"];\n  declare expanded: boolean;\n  static properties = {\n    additinalItems: {\n      type: Object,\n      attribute: \"additional-items\",\n    },\n    expanded: {\n      type: Boolean,\n      attribute: \"expanded\",\n    },\n  };\n\n  constructor() {\n    super();\n    this.additinalItems = [];\n    this.expanded = false;\n  }\n\n  handleToggleDrawer = (event: Event) => {\n    event.preventDefault();\n    event.stopPropagation();\n\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 { customElement } from \"lit/decorators.js\";\nimport { html } from \"lit\";\nimport { ref } from \"lit/directives/ref.js\";\nimport { clearAuth } from \"./storage/clearAuth\";\nimport { MenuBaseElement, MenuBaseElementProps } from \"./MenuBaseElement\";\nimport { useDomains } from \"./domains\";\n\nexport type M2MUserMenuProps = MenuBaseElementProps;\n\n@customElement(\"m2m-user-menu\")\nexport class M2MUserMenu extends MenuBaseElement {\n  handleLogout = async () => {\n    await clearAuth();\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 { 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\n// Only create connectors on client-side or in test environments to avoid SSR issues\nconst dbPromise =\n  typeof window !== \"undefined\" || process.env.VITEST === \"true\"\n    ? openDB<PersistenceDatabase>(\"persistence-store\", 1, {\n        upgrade(db) {\n          db.createObjectStore(\"persistence\");\n        },\n      })\n    : Promise.resolve(null);\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};\nconst clear = async (key: \"auth\") => {\n  return (await dbPromise)?.delete(\"persistence\", key);\n};\n\nexport const persistenceDatabase = {\n  get,\n  set,\n  clear,\n};\n","import { m2mAuthTokenApi } from \"./client\";\nimport { persistenceDatabase } from \"./persistenceDatabase\";\n\nexport const clearAuth = async () => {\n  await persistenceDatabase.clear(\"auth\");\n  await m2mAuthTokenApi.clear();\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_lit","import_ref","import_decorators","import_lit","import_ref"]}
+{"version":3,"sources":["../src/storage/getM2MStorageHubDomain.ts","../src/domains.ts","../src/feedback/index.tsx","../src/feedback/MultipleTextQuestion.tsx","../src/feedback/SelectQuestion.tsx","../src/storage/client.ts","../src/m2m-apps-menu.ts","../src/MenuBaseElement.ts","../src/apps.ts","../src/m2m-user-menu.ts","../src/storage/persistenceDatabase.ts","../src/storage/clearAuth.tsx"],"sourcesContent":["export const getM2MStorageHubDomain = (env?: \"production\" | \"development\") => {\n  if (env === \"production\" || globalThis.M2M_COMPONENTS_ENV === \"production\") {\n    return \"https://hub.m2msystems.cloud\";\n  }\n  return \"https://hub.dev.m2msystems.cloud\";\n};\n","import { getM2MStorageHubDomain } from \"./storage/getM2MStorageHubDomain\";\nimport { type AppLinkKey } from \"./apps\";\n\nexport type DomainRecord = Record<AppLinkKey, string>;\n\nexport const developmentDomains: DomainRecord = {\n  core: \"https://core.dev.m2msystems.cloud\",\n  sumyca: \"https://manage.dev.sumyca.com\",\n  cleaning: \"https://manager-cleaning.dev.m2msystems.cloud\",\n  users: \"https://manage-users.dev.m2msystems.cloud\",\n  checkin: \"https://manage.checkin.dev.m2msystems.cloud\",\n  systems: \"https://dev.m2msystems.cloud\",\n};\n\nexport const productionDomains: DomainRecord = {\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  checkin: \"https://manage.checkin.m2msystems.cloud\",\n  systems: \"https://m2msystems.cloud/\",\n};\n\n/**\n * 可能なら最新のドメインを取得し、取得出来なければリリース時のドメインを返す。\n * Q. なぜgetDomainsではなくuseDomainsなのか\n * A. M2M_COMPONENTS_ENVが設定される前に、この関数が呼び出されると常にdevelopmentになってしまうため、\n * Reactを利用するケースを考えるとコンポーネントのレンダリング時などに呼んでもらう必要がある。\n * React hookのような命名にしておくことで、Linterによってこれを強制できる。\n */\nexport const useDomains = async (\n  signal?: AbortSignal,\n): Promise<DomainRecord> => {\n  const env =\n    globalThis.M2M_COMPONENTS_ENV === \"production\"\n      ? \"production\"\n      : \"development\";\n  try {\n    const domain = getM2MStorageHubDomain(env);\n    const response = await fetch(`${domain}/api/domains/${env}`, { signal });\n    if (!response.ok) {\n      throw new Error(`Failed to fetch domains: ${response.statusText}`);\n    }\n    const data = (await response.json()) as DomainRecord;\n    return data;\n  } catch {\n    return globalThis.M2M_COMPONENTS_ENV === \"production\"\n      ? productionDomains\n      : developmentDomains;\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 { PropsWithChildren, createContext, useContext, useState } from \"react\";\nimport FeedbackIconBase from \"@mui/icons-material/Feedback\";\nimport { MultipleTextQuestion } from \"./MultipleTextQuestion\";\nimport { SelectQuestion } from \"./SelectQuestion\";\nimport { getRandomId } from \"./getRandomId\";\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 { getM2MStorageHubDomain } from \"./getM2MStorageHubDomain\";\nimport { 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 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(getM2MStorageHubDomain(options?.env));\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 !== null && autuToken !== undefined && autuToken.length > 0\n      ? autuToken\n      : 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 { customElement } from \"lit/decorators.js\";\nimport { html } from \"lit\";\nimport { ref } from \"lit/directives/ref.js\";\nimport { Task } from \"@lit/task\";\nimport { MenuBaseElement, MenuBaseElementProps } from \"./MenuBaseElement\";\nimport { useDomains } from \"./domains\";\nimport { useApps } from \"./apps\";\n\nexport type M2MAppsMenuProps = MenuBaseElementProps;\n\n@customElement(\"m2m-apps-menu\")\nexport class M2MAppsMenu extends MenuBaseElement {\n  private _dataTask = new Task(this, {\n    task: async (_: unknown, { signal }) => {\n      // eslint-disable-next-line react-hooks/rules-of-hooks\n      const apps = await useApps(signal);\n      // eslint-disable-next-line react-hooks/rules-of-hooks\n      const domains = await useDomains(signal);\n      return { apps, domains };\n    },\n    args: () => [],\n  });\n\n  render() {\n    const isHidden = this.expanded === false || this.expanded === undefined;\n\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\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        ${this._dataTask.render({\n          pending: () => html`<li><a disabled href=\"#\">Loading...</a></li>`,\n          complete: ({ apps, domains }) => {\n            return apps.map((app) => {\n              return app.type === \"group\"\n                ? html`\n                    <li>\n                      <span>${app.label}</span>\n                      <ul>\n                        ${app.children.map((child) => {\n                          // 2段ネストはサポートしない\n                          if (child.type === \"link\") {\n                            return html`\n                              <li>\n                                <a href=\"${domains[child.key]}\"\n                                  >${child.label}</a\n                                >\n                              </li>\n                            `;\n                          }\n                        })}\n                      </ul>\n                    </li>\n                  `\n                : html`\n                    <li>\n                      <a href=\"${domains[app.key]}\">${app.label}</a>\n                    </li>\n                  `;\n            });\n          },\n        })}\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\";\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  declare additinalItems: MenuBaseElementProps[\"additinalItems\"];\n  declare expanded: boolean;\n  static properties = {\n    additinalItems: {\n      type: Object,\n      attribute: \"additional-items\",\n    },\n    expanded: {\n      type: Boolean,\n      attribute: \"expanded\",\n    },\n  };\n\n  constructor() {\n    super();\n    this.additinalItems = [];\n    this.expanded = false;\n  }\n\n  handleToggleDrawer = (event: Event) => {\n    event.preventDefault();\n    event.stopPropagation();\n\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 { getM2MStorageHubDomain } from \"./storage/getM2MStorageHubDomain\";\n\ninterface AppGroup {\n  label: string;\n  type: \"group\";\n  children: App[];\n}\n\nexport type AppLinkKey =\n  | \"core\"\n  | \"checkin\"\n  | \"systems\"\n  | \"cleaning\"\n  | \"users\"\n  | \"sumyca\";\n\ninterface AppLink {\n  label: string;\n  type: \"link\";\n  key: AppLinkKey;\n}\n\nexport type App = AppGroup | AppLink;\n\nexport const apps: App[] = [\n  {\n    label: \"m2m Series\",\n    type: \"group\",\n    children: [\n      {\n        label: \"Core 施設管理\",\n        type: \"link\",\n        key: \"core\",\n      },\n      {\n        label: \"Checkin ゲストチェックイン\",\n        type: \"link\",\n        key: \"checkin\",\n      },\n      {\n        label: \"Systems Airbnb連携\",\n        type: \"link\",\n        key: \"systems\",\n      },\n      {\n        label: \"Cleaning 清掃管理\",\n        type: \"link\",\n        key: \"cleaning\",\n      },\n      {\n        label: \"Users アカウント管理\",\n        type: \"link\",\n        key: \"users\",\n      },\n    ],\n  },\n  {\n    label: \"Sumyca マンスリープラットフォーム\",\n    key: \"sumyca\",\n    type: \"link\",\n  },\n];\n\nexport const useApps = async (signal?: AbortSignal): Promise<App[]> => {\n  const env =\n    globalThis.M2M_COMPONENTS_ENV === \"production\"\n      ? \"production\"\n      : \"development\";\n  try {\n    const domain = getM2MStorageHubDomain(env);\n    const response = await fetch(`${domain}/api/apps`, { signal });\n    if (!response.ok) {\n      throw new Error(`Failed to fetch apps: ${response.statusText}`);\n    }\n    const data = (await response.json()) as App[];\n    return data;\n  } catch {\n    return apps;\n  }\n};\n","import { customElement } from \"lit/decorators.js\";\nimport { html } from \"lit\";\nimport { ref } from \"lit/directives/ref.js\";\nimport { Task } from \"@lit/task\";\nimport { clearAuth } from \"./storage/clearAuth\";\nimport { MenuBaseElement, MenuBaseElementProps } from \"./MenuBaseElement\";\nimport { useDomains } from \"./domains\";\n\nexport type M2MUserMenuProps = MenuBaseElementProps;\n\n@customElement(\"m2m-user-menu\")\nexport class M2MUserMenu extends MenuBaseElement {\n  handleLogout = async () => {\n    await clearAuth();\n    window.location.reload();\n  };\n  private _usersUrlTask = new Task(this, {\n    task: async (_: unknown, { signal }) => {\n      // eslint-disable-next-line react-hooks/rules-of-hooks\n      const domains = await useDomains(signal);\n      return domains.users;\n    },\n    args: () => [],\n  });\n\n  render() {\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>\n          ${this._usersUrlTask.render({\n            pending: () => html`<a disabled href=\"#\">Loading...</a>`,\n            complete: (usersUrl) => {\n              return html`<a href=\"${usersUrl}\">アカウント情報</a>`;\n            },\n          })}\n        </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 { 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\n// Only create connectors on client-side or in test environments to avoid SSR issues\nconst dbPromise =\n  typeof window !== \"undefined\" || process.env.VITEST === \"true\"\n    ? openDB<PersistenceDatabase>(\"persistence-store\", 1, {\n        upgrade(db) {\n          db.createObjectStore(\"persistence\");\n        },\n      })\n    : Promise.resolve(null);\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};\nconst clear = async (key: \"auth\") => {\n  return (await dbPromise)?.delete(\"persistence\", key);\n};\n\nexport const persistenceDatabase = {\n  get,\n  set,\n  clear,\n};\n","import { m2mAuthTokenApi } from \"./client\";\nimport { persistenceDatabase } from \"./persistenceDatabase\";\n\nexport const clearAuth = async () => {\n  await persistenceDatabase.clear(\"auth\");\n  await m2mAuthTokenApi.clear();\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_lit","import_ref","apps","import_decorators","import_lit","import_ref","import_task"]}

package/index.mjs

@@ -1,17 +1,19 @@
 import "./chunk-5UB7V6OQ.mjs";
 import "./chunk-T3MVHAME.mjs";
 import "./chunk-INOKCKLW.mjs";
-import "./chunk-P7JOHMD5.mjs";
-import "./chunk-F6OCIRVJ.mjs";
+import "./chunk-7VHUBWOT.mjs";
+import "./chunk-BFCTE2XZ.mjs";
 import "./chunk-IGOSAWM6.mjs";
 import "./chunk-3XHA2QSU.mjs";
 import "./chunk-2WH7YI3Y.mjs";
 import "./chunk-G2TI3KAY.mjs";
-import "./chunk-KSRMCUT2.mjs";
-import "./chunk-V7F5BJ5W.mjs";
+import "./chunk-OU3IGV6H.mjs";
+import "./chunk-QWW2VCZM.mjs";
 import "./chunk-R73ITKF5.mjs";
-import "./chunk-TB4XCWDU.mjs";
+import "./chunk-3QIUILX5.mjs";
 import "./chunk-5EK67DDX.mjs";
-import "./chunk-H6LVVTPR.mjs";
+import "./chunk-CP2PCNLU.mjs";
+import "./chunk-ZBZMUI2R.mjs";
+import "./chunk-W5DAWJ2F.mjs";
 import "./chunk-ZOXT4E27.mjs";
 //# sourceMappingURL=index.mjs.map

package/initM2mComponents.js

@@ -24,6 +24,14 @@ __export(initM2mComponents_exports, {
 });
 module.exports = __toCommonJS(initM2mComponents_exports);
 
+// src/storage/getM2MStorageHubDomain.ts
+var getM2MStorageHubDomain = (env) => {
+  if (env === "production" || globalThis.M2M_COMPONENTS_ENV === "production") {
+    return "https://hub.m2msystems.cloud";
+  }
+  return "https://hub.dev.m2msystems.cloud";
+};
+
 // src/storage/lib/client.ts
 var generateUUID = () => {
   return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(c) {
@@ -204,17 +212,13 @@ var getStorage = async (timeout = 5e3) => {
   await storage.onConnect();
   return storage;
 };
-var M2M_STORAGE_HUB_URL = "https://hub.m2msystems.cloud/";
-var M2M_STORAGE_HUB_URL_DEV = "https://m2m-components-git-feat-1296-matsuri-technologies.vercel.app/";
 var initStorageClient = (options) => {
   if (globalThis.M2M_STORAGE) {
     throw new Error(
       "M2mStorageClient already initialized. Do not call m2mStorageClient.init multiple times."
     );
   }
-  const storage = new M2mStorageClient(
-    (options == null ? void 0 : options.env) === "production" ? M2M_STORAGE_HUB_URL : M2M_STORAGE_HUB_URL_DEV
-  );
+  const storage = new M2mStorageClient(getM2MStorageHubDomain(options == null ? void 0 : options.env));
   globalThis.M2M_STORAGE = storage;
 };
 var m2mStorageClient = {

package/initM2mComponents.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/initM2mComponents.ts","../src/storage/lib/client.ts","../src/storage/client.ts"],"sourcesContent":["import { m2mStorageClient } from \"./storage/client\";\n\ntype Env = \"development\" | \"production\" | \"local\" | \"localDev\";\n\ninterface InitM2mComponentsArgs {\n  env: Env;\n}\n\nexport const initM2mComponents = (args: InitM2mComponentsArgs) => {\n  m2mStorageClient.init({\n    env: args.env === \"production\" ? \"production\" : \"development\",\n  });\n  globalThis.M2M_COMPONENTS_ENV ??= args.env;\n};\n","/**\n * この実装はcross-storageほぼそのままです。\n */\nconst generateUUID = () => {\n  return \"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx\".replace(/[xy]/g, function (c) {\n    const r = (Math.random() * 16) | 0,\n      v = c == \"x\" ? r : (r & 0x3) | 0x8;\n\n    return v.toString(16);\n  });\n};\nexport class StorageClient {\n  id: string;\n  frameId: string;\n  origin: string;\n  requests: Record<string, any>;\n  connected: boolean;\n  closed: boolean;\n  count: number;\n  timeout: number;\n  hub: null | Window;\n\n  constructor(url: string, opts?: { frameId?: string; timeout?: number }) {\n    opts = opts || {};\n\n    this.id = generateUUID();\n    this.frameId = opts.frameId || \"CrossStorageClient-\" + this.id;\n    this.origin = new URL(url).origin;\n    this.requests = {};\n    this.connected = false;\n    this.closed = false;\n    this.count = 0;\n    this.timeout = opts.timeout || 5000;\n\n    window.addEventListener(\"message\", this.listener.bind(this), false);\n\n    const frame = this.createFrame(url);\n    this.hub = frame.contentWindow;\n  }\n\n  onConnect() {\n    if (this.connected) {\n      return Promise.resolve();\n    } else if (this.closed) {\n      return Promise.reject(new Error(\"StorageClient has closed.\"));\n    }\n\n    if (!this.requests.connect) {\n      this.requests.connect = [];\n    }\n\n    return new Promise((resolve, reject) => {\n      const timeout = setTimeout(function () {\n        reject(new Error(\"StorageClient could not connect.\"));\n      }, this.timeout);\n\n      this.requests.connect.push((err: string) => {\n        clearTimeout(timeout);\n        if (err) return reject(err);\n\n        resolve(undefined);\n      });\n    });\n  }\n\n  set(key: string, value: string) {\n    return this.request(\"set\", {\n      key: key,\n      value: value,\n    });\n  }\n\n  get(...keys: string[]) {\n    return this.request(\"get\", { keys });\n  }\n\n  del(...keys: string[]) {\n    return this.request(\"del\", { keys });\n  }\n\n  clear() {\n    return this.request(\"clear\");\n  }\n\n  getKeys() {\n    this.request(\"getKeys\");\n  }\n\n  close() {\n    const frame = document.getElementById(this.frameId);\n    if (frame && frame.parentNode) {\n      frame.parentNode.removeChild(frame);\n    }\n\n    window.removeEventListener(\"message\", this.listener, false);\n\n    this.connected = false;\n    this.closed = true;\n  }\n\n  private listener(message: MessageEvent) {\n    let i, error, response;\n\n    if (this.closed || !message.data || typeof message.data !== \"string\") {\n      return;\n    }\n\n    const origin = message.origin;\n\n    if (origin !== this.origin) return;\n\n    if (message.data === \"cross-storage:unavailable\") {\n      if (!this.closed) this.close();\n      if (!this.requests.connect) return;\n\n      error = new Error(\n        \"Closing StorageClient. Could not access localStorage in StorageHub.\",\n      );\n      for (i = 0; i < this.requests.connect.length; i++) {\n        this.requests.connect[i](error);\n      }\n\n      return;\n    }\n\n    if (message.data.indexOf(\"cross-storage:\") !== -1 && !this.connected) {\n      this.connected = true;\n      if (!this.requests.connect) return;\n\n      for (i = 0; i < this.requests.connect.length; i++) {\n        this.requests.connect[i](error);\n      }\n      delete this.requests.connect;\n    }\n\n    if (message.data === \"cross-storage:ready\") return;\n\n    try {\n      response = JSON.parse(message.data);\n    } catch (e) {\n      return;\n    }\n\n    if (!response.id) return;\n\n    if (this.requests[response.id]) {\n      this.requests[response.id](response.error, response.result);\n    }\n  }\n\n  private createFrame(url: string) {\n    const frame = window.document.createElement(\"iframe\");\n    frame.id = this.frameId;\n\n    frame.style.display = \"none\";\n    frame.style.position = \"absolute\";\n    frame.style.top = \"-999px\";\n    frame.style.left = \"-999px\";\n\n    window.document.body.appendChild(frame);\n    frame.src = url;\n\n    return frame;\n  }\n\n  // eslint-disable-next-line @typescript-eslint/ban-types\n  private request(method: string, params?: {}) {\n    if (this.closed) {\n      return Promise.reject(new Error(\"StorageClient has closed.\"));\n    }\n\n    this.count++;\n\n    const req = {\n      id: this.id + \":\" + this.count,\n      method: \"cross-storage:\" + method,\n      params: params,\n    };\n\n    return new Promise((resolve, reject) => {\n      const timeout = window.setTimeout(() => {\n        if (!this.requests[req.id]) return;\n\n        delete this.requests[req.id];\n        reject(\n          new Error(\"Timeout: StorageClient could not perform \" + req.method),\n        );\n      }, this.timeout);\n\n      this.requests[req.id] = (err: string, result: string) => {\n        clearTimeout(timeout);\n        delete this.requests[req.id];\n        if (err) return reject(new Error(err));\n        resolve(result);\n      };\n\n      if (this.hub) {\n        this.hub.postMessage(JSON.stringify(req), this.origin);\n      } else {\n        reject(new Error(\"Not found StorageHub.\"));\n      }\n    });\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\n// FIXME: マージされたらhub.dev.m2msystems.cloudに書き換える\nconst M2M_STORAGE_HUB_URL_DEV =\n  \"https://m2m-components-git-feat-1296-matsuri-technologies.vercel.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 !== null && autuToken !== undefined && autuToken.length > 0\n      ? autuToken\n      : 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":["storage"]}
+{"version":3,"sources":["../src/initM2mComponents.ts","../src/storage/getM2MStorageHubDomain.ts","../src/storage/lib/client.ts","../src/storage/client.ts"],"sourcesContent":["import { m2mStorageClient } from \"./storage/client\";\n\ntype Env = \"development\" | \"production\" | \"local\" | \"localDev\";\n\ninterface InitM2mComponentsArgs {\n  env: Env;\n}\n\nexport const initM2mComponents = (args: InitM2mComponentsArgs) => {\n  m2mStorageClient.init({\n    env: args.env === \"production\" ? \"production\" : \"development\",\n  });\n  globalThis.M2M_COMPONENTS_ENV ??= args.env;\n};\n","export const getM2MStorageHubDomain = (env?: \"production\" | \"development\") => {\n  if (env === \"production\" || globalThis.M2M_COMPONENTS_ENV === \"production\") {\n    return \"https://hub.m2msystems.cloud\";\n  }\n  return \"https://hub.dev.m2msystems.cloud\";\n};\n","/**\n * この実装はcross-storageほぼそのままです。\n */\nconst generateUUID = () => {\n  return \"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx\".replace(/[xy]/g, function (c) {\n    const r = (Math.random() * 16) | 0,\n      v = c == \"x\" ? r : (r & 0x3) | 0x8;\n\n    return v.toString(16);\n  });\n};\nexport class StorageClient {\n  id: string;\n  frameId: string;\n  origin: string;\n  requests: Record<string, any>;\n  connected: boolean;\n  closed: boolean;\n  count: number;\n  timeout: number;\n  hub: null | Window;\n\n  constructor(url: string, opts?: { frameId?: string; timeout?: number }) {\n    opts = opts || {};\n\n    this.id = generateUUID();\n    this.frameId = opts.frameId || \"CrossStorageClient-\" + this.id;\n    this.origin = new URL(url).origin;\n    this.requests = {};\n    this.connected = false;\n    this.closed = false;\n    this.count = 0;\n    this.timeout = opts.timeout || 5000;\n\n    window.addEventListener(\"message\", this.listener.bind(this), false);\n\n    const frame = this.createFrame(url);\n    this.hub = frame.contentWindow;\n  }\n\n  onConnect() {\n    if (this.connected) {\n      return Promise.resolve();\n    } else if (this.closed) {\n      return Promise.reject(new Error(\"StorageClient has closed.\"));\n    }\n\n    if (!this.requests.connect) {\n      this.requests.connect = [];\n    }\n\n    return new Promise((resolve, reject) => {\n      const timeout = setTimeout(function () {\n        reject(new Error(\"StorageClient could not connect.\"));\n      }, this.timeout);\n\n      this.requests.connect.push((err: string) => {\n        clearTimeout(timeout);\n        if (err) return reject(err);\n\n        resolve(undefined);\n      });\n    });\n  }\n\n  set(key: string, value: string) {\n    return this.request(\"set\", {\n      key: key,\n      value: value,\n    });\n  }\n\n  get(...keys: string[]) {\n    return this.request(\"get\", { keys });\n  }\n\n  del(...keys: string[]) {\n    return this.request(\"del\", { keys });\n  }\n\n  clear() {\n    return this.request(\"clear\");\n  }\n\n  getKeys() {\n    this.request(\"getKeys\");\n  }\n\n  close() {\n    const frame = document.getElementById(this.frameId);\n    if (frame && frame.parentNode) {\n      frame.parentNode.removeChild(frame);\n    }\n\n    window.removeEventListener(\"message\", this.listener, false);\n\n    this.connected = false;\n    this.closed = true;\n  }\n\n  private listener(message: MessageEvent) {\n    let i, error, response;\n\n    if (this.closed || !message.data || typeof message.data !== \"string\") {\n      return;\n    }\n\n    const origin = message.origin;\n\n    if (origin !== this.origin) return;\n\n    if (message.data === \"cross-storage:unavailable\") {\n      if (!this.closed) this.close();\n      if (!this.requests.connect) return;\n\n      error = new Error(\n        \"Closing StorageClient. Could not access localStorage in StorageHub.\",\n      );\n      for (i = 0; i < this.requests.connect.length; i++) {\n        this.requests.connect[i](error);\n      }\n\n      return;\n    }\n\n    if (message.data.indexOf(\"cross-storage:\") !== -1 && !this.connected) {\n      this.connected = true;\n      if (!this.requests.connect) return;\n\n      for (i = 0; i < this.requests.connect.length; i++) {\n        this.requests.connect[i](error);\n      }\n      delete this.requests.connect;\n    }\n\n    if (message.data === \"cross-storage:ready\") return;\n\n    try {\n      response = JSON.parse(message.data);\n    } catch (e) {\n      return;\n    }\n\n    if (!response.id) return;\n\n    if (this.requests[response.id]) {\n      this.requests[response.id](response.error, response.result);\n    }\n  }\n\n  private createFrame(url: string) {\n    const frame = window.document.createElement(\"iframe\");\n    frame.id = this.frameId;\n\n    frame.style.display = \"none\";\n    frame.style.position = \"absolute\";\n    frame.style.top = \"-999px\";\n    frame.style.left = \"-999px\";\n\n    window.document.body.appendChild(frame);\n    frame.src = url;\n\n    return frame;\n  }\n\n  // eslint-disable-next-line @typescript-eslint/ban-types\n  private request(method: string, params?: {}) {\n    if (this.closed) {\n      return Promise.reject(new Error(\"StorageClient has closed.\"));\n    }\n\n    this.count++;\n\n    const req = {\n      id: this.id + \":\" + this.count,\n      method: \"cross-storage:\" + method,\n      params: params,\n    };\n\n    return new Promise((resolve, reject) => {\n      const timeout = window.setTimeout(() => {\n        if (!this.requests[req.id]) return;\n\n        delete this.requests[req.id];\n        reject(\n          new Error(\"Timeout: StorageClient could not perform \" + req.method),\n        );\n      }, this.timeout);\n\n      this.requests[req.id] = (err: string, result: string) => {\n        clearTimeout(timeout);\n        delete this.requests[req.id];\n        if (err) return reject(new Error(err));\n        resolve(result);\n      };\n\n      if (this.hub) {\n        this.hub.postMessage(JSON.stringify(req), this.origin);\n      } else {\n        reject(new Error(\"Not found StorageHub.\"));\n      }\n    });\n  }\n}\n","import { getM2MStorageHubDomain } from \"./getM2MStorageHubDomain\";\nimport { 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 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(getM2MStorageHubDomain(options?.env));\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 !== null && autuToken !== undefined && autuToken.length > 0\n      ? autuToken\n      : 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":["storage"]}

package/initM2mComponents.mjs

@@ -1,8 +1,9 @@
 import {
   initM2mComponents
-} from "./chunk-KSRMCUT2.mjs";
-import "./chunk-V7F5BJ5W.mjs";
+} from "./chunk-OU3IGV6H.mjs";
+import "./chunk-QWW2VCZM.mjs";
 import "./chunk-R73ITKF5.mjs";
+import "./chunk-W5DAWJ2F.mjs";
 import "./chunk-ZOXT4E27.mjs";
 export {
   initM2mComponents

package/m2m-apps-menu.d.mts

@@ -5,6 +5,7 @@ import 'lit/directives/ref.js';
 
 type M2MAppsMenuProps = MenuBaseElementProps;
 declare class M2MAppsMenu extends MenuBaseElement {
+    private _dataTask;
     render(): lit_html.TemplateResult<1>;
 }
 declare global {

package/m2m-apps-menu.d.ts

@@ -5,6 +5,7 @@ import 'lit/directives/ref.js';
 
 type M2MAppsMenuProps = MenuBaseElementProps;
 declare class M2MAppsMenu extends MenuBaseElement {
+    private _dataTask;
     render(): lit_html.TemplateResult<1>;
 }
 declare global {