m2m-components 2.0.2-alpha-72f7ca8.0 → 2.0.2-alpha-46c540f.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LitMenuBaseElement.d.ts +1 -14
- package/LitMenuBaseElement.js +0 -11
- package/LitMenuBaseElement.js.map +1 -1
- package/cjs/LitMenuBaseElement.js +0 -11
- package/cjs/LitMenuBaseElement.js.map +1 -1
- package/cjs/m2m-apps-menu.js +0 -12
- package/cjs/m2m-apps-menu.js.map +1 -1
- package/cjs/m2m-user-menu.js +0 -12
- package/cjs/m2m-user-menu.js.map +1 -1
- package/cjs/notification/NotificationProvider.js +5 -5
- package/cjs/notification/NotificationProvider.js.map +1 -1
- package/cjs/storage/client.js +1 -1
- package/cjs/storage/client.js.map +1 -1
- package/cjs/storage/useM2mAuth.js +21 -4
- package/cjs/storage/useM2mAuth.js.map +1 -1
- package/jsx.d.ts +2 -17
- package/m2m-apps-menu.d.ts +1 -3
- package/m2m-apps-menu.js +2 -5
- package/m2m-apps-menu.js.map +1 -1
- package/m2m-user-menu.d.ts +1 -3
- package/m2m-user-menu.js +2 -5
- package/m2m-user-menu.js.map +1 -1
- package/package.json +1 -1
- package/storage/useM2mAuth.d.ts +4 -0
- package/storage/useM2mAuth.d.ts.map +1 -1
- package/storage/useM2mAuth.js +31 -15
- package/storage/useM2mAuth.js.map +1 -1
package/LitMenuBaseElement.d.ts
CHANGED
|
@@ -1,21 +1,8 @@
|
|
|
1
1
|
import { LitElement } from "lit";
|
|
2
|
-
export interface LitMenuBaseElementProps {
|
|
3
|
-
expanded: boolean;
|
|
4
|
-
additionalItems: ({
|
|
5
|
-
href: string;
|
|
6
|
-
label: string;
|
|
7
|
-
element?: never;
|
|
8
|
-
} | {
|
|
9
|
-
href?: never;
|
|
10
|
-
label?: never;
|
|
11
|
-
element: any;
|
|
12
|
-
})[];
|
|
13
|
-
}
|
|
14
2
|
export declare class LitMenuBaseElement extends LitElement {
|
|
15
3
|
static styles: import("lit").CSSResult;
|
|
16
4
|
handleClickOutside: (event: MouseEvent | TouchEvent) => void;
|
|
17
|
-
expanded?:
|
|
18
|
-
additionalItems: LitMenuBaseElementProps["additionalItems"];
|
|
5
|
+
expanded?: boolean;
|
|
19
6
|
handleToggleDrawer: (event: Event) => void;
|
|
20
7
|
protected updated(): void;
|
|
21
8
|
disconnectedCallback(): void;
|
package/LitMenuBaseElement.js
CHANGED
|
@@ -87,17 +87,6 @@ export var LitMenuBaseElement = _decorate(null, function (_initialize, _LitEleme
|
|
|
87
87
|
return false;
|
|
88
88
|
}
|
|
89
89
|
|
|
90
|
-
}, {
|
|
91
|
-
kind: "field",
|
|
92
|
-
decorators: [property({
|
|
93
|
-
type: Object
|
|
94
|
-
})],
|
|
95
|
-
key: "additionalItems",
|
|
96
|
-
|
|
97
|
-
value() {
|
|
98
|
-
return [];
|
|
99
|
-
}
|
|
100
|
-
|
|
101
90
|
}, {
|
|
102
91
|
kind: "field",
|
|
103
92
|
key: "handleToggleDrawer",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LitMenuBaseElement.js","names":["css","LitElement","property","createRef","LitMenuBaseElement","event","listRef","value","contains","composedPath","expanded","
|
|
1
|
+
{"version":3,"file":"LitMenuBaseElement.js","names":["css","LitElement","property","createRef","LitMenuBaseElement","event","listRef","value","contains","composedPath","expanded","preventDefault","stopPropagation","window","addEventListener","handleClickOutside","removeEventListener"],"sources":["src/LitMenuBaseElement.ts"],"sourcesContent":["import { css, LitElement } from \"lit\";\nimport { property } from \"lit/decorators.js\";\nimport { createRef } from \"lit/directives/ref.js\";\n\nexport class LitMenuBaseElement extends LitElement {\n static styles = css`\n nav {\n position: relative;\n display: flex;\n }\n .navigation-drawer-controll-button {\n background-color: transparent;\n border: none;\n cursor: pointer;\n padding: 0;\n appearance: none;\n\n height: 42px;\n display: flex;\n justify-content: center;\n align-items: center;\n transition: background-color 0.2s;\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 min-width: 200px;\n white-space: nowrap;\n box-sizing: border-box;\n list-style: none;\n padding: 0px;\n margin: 0px;\n z-index: 1;\n box-shadow: 0px 1px 3px 0px rgb(0 0 0 / 20%),\n 0px 1px 1px 0px rgb(0 0 0 / 14%), 0px 2px 1px -1px rgb(0 0 0 / 12%);\n background-color: #fff;\n color: rgba(0, 0, 0, 0.87);\n border-radius: 5px;\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 width: 100%;\n text-align: left;\n background-color: transparent;\n border: none;\n cursor: pointer;\n padding: 0;\n appearance: none;\n cursor: pointer;\n font: inherit;\n display: block;\n box-sizing: border-box;\n padding: 0.6em 1em;\n color: inherit;\n text-decoration: none;\n transition: 0.2s;\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\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 expanded?: boolean = false;\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 = createRef();\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAASA,GAAT,EAAcC,UAAd,QAAgC,KAAhC;AACA,SAASC,QAAT,QAAyB,mBAAzB;AACA,SAASC,SAAT,QAA0B,uBAA1B;AAEA,WAAaC,kBAAb;EAAO,MAAMA,kBAAN,qBAA4C;IAAA;MAAA;;MAAA;IAAA;;EAAA;;EAAnD;IAAA,GAAaA,kBAAb;IAAA;MAAA;MAAA;MAAA;;MAAA;QAAA,OACkBJ,GADlB;MAAA;;IAAA;MAAA;MAAA;;MAAA;QAAA,OAqFwBK,KAAD,IAAoC;UACvD,IACE,CAAC,KAAKC,OAAL,CAAaC,KAAd,IACA,KAAKD,OAAL,CAAaC,KAAb,CAAmBC,QAAnB,CAA4BH,KAAK,CAACI,YAAN,GAAqB,CAArB,CAA5B,CAFF,EAGE;YACA;UACD;;UACD,KAAKC,QAAL,GAAgB,KAAhB;QACD,CA7FH;MAAA;;IAAA;MAAA;MAAA,aA+FGR,QAAQ,EA/FX;MAAA;;MAAA;QAAA,OAgGuB,KAhGvB;MAAA;;IAAA;MAAA;MAAA;;MAAA;QAAA,OAkGwBG,KAAD,IAAkB;UACrCA,KAAK,CAACM,cAAN;UACAN,KAAK,CAACO,eAAN;UAEA,KAAKF,QAAL,GAAgB,CAAC,KAAKA,QAAtB;;UACA,IAAI,KAAKA,QAAT,EAAmB;YACjBG,MAAM,CAACC,gBAAP,CAAwB,OAAxB,EAAiC,KAAKC,kBAAtC,EAA0D,KAA1D;UACD;QACF,CA1GH;MAAA;;IAAA;MAAA;MAAA;MAAA,OA4GE,mBAAoB;QAClB,IAAI,KAAKL,QAAL,KAAkB,KAAtB,EAA6B;UAC3BG,MAAM,CAACG,mBAAP,CAA2B,OAA3B,EAAoC,KAAKD,kBAAzC,EAA6D,KAA7D;QACD;MACF;IAhHH;MAAA;MAAA;MAAA,OAkHE,gCAA6B;QAC3B,qBAnHSX,kBAmHT;;QACAS,MAAM,CAACG,mBAAP,CAA2B,OAA3B,EAAoC,KAAKD,kBAAzC,EAA6D,KAA7D;MACD;IArHH;MAAA;MAAA;;MAAA;QAAA,OAuHYZ,SAAS,EAvHrB;MAAA;;IAAA;EAAA;AAAA,GAAwCF,UAAxC"}
|
|
@@ -175,17 +175,6 @@ let LitMenuBaseElement = _decorate(null, function (_initialize, _LitElement) {
|
|
|
175
175
|
return false;
|
|
176
176
|
}
|
|
177
177
|
|
|
178
|
-
}, {
|
|
179
|
-
kind: "field",
|
|
180
|
-
decorators: [(0, _decorators.property)({
|
|
181
|
-
type: Object
|
|
182
|
-
})],
|
|
183
|
-
key: "additionalItems",
|
|
184
|
-
|
|
185
|
-
value() {
|
|
186
|
-
return [];
|
|
187
|
-
}
|
|
188
|
-
|
|
189
178
|
}, {
|
|
190
179
|
kind: "field",
|
|
191
180
|
key: "handleToggleDrawer",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LitMenuBaseElement.js","names":["LitMenuBaseElement","css","event","listRef","value","contains","composedPath","expanded","property","
|
|
1
|
+
{"version":3,"file":"LitMenuBaseElement.js","names":["LitMenuBaseElement","css","event","listRef","value","contains","composedPath","expanded","property","preventDefault","stopPropagation","window","addEventListener","handleClickOutside","removeEventListener","createRef","LitElement"],"sources":["../src/LitMenuBaseElement.ts"],"sourcesContent":["import { css, LitElement } from \"lit\";\nimport { property } from \"lit/decorators.js\";\nimport { createRef } from \"lit/directives/ref.js\";\n\nexport class LitMenuBaseElement extends LitElement {\n static styles = css`\n nav {\n position: relative;\n display: flex;\n }\n .navigation-drawer-controll-button {\n background-color: transparent;\n border: none;\n cursor: pointer;\n padding: 0;\n appearance: none;\n\n height: 42px;\n display: flex;\n justify-content: center;\n align-items: center;\n transition: background-color 0.2s;\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 min-width: 200px;\n white-space: nowrap;\n box-sizing: border-box;\n list-style: none;\n padding: 0px;\n margin: 0px;\n z-index: 1;\n box-shadow: 0px 1px 3px 0px rgb(0 0 0 / 20%),\n 0px 1px 1px 0px rgb(0 0 0 / 14%), 0px 2px 1px -1px rgb(0 0 0 / 12%);\n background-color: #fff;\n color: rgba(0, 0, 0, 0.87);\n border-radius: 5px;\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 width: 100%;\n text-align: left;\n background-color: transparent;\n border: none;\n cursor: pointer;\n padding: 0;\n appearance: none;\n cursor: pointer;\n font: inherit;\n display: block;\n box-sizing: border-box;\n padding: 0.6em 1em;\n color: inherit;\n text-decoration: none;\n transition: 0.2s;\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\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 expanded?: boolean = false;\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 = createRef();\n}\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAEaA,kB;EAAN,MAAMA,kBAAN,qBAA4C;IAAA;MAAA;;MAAA;IAAA;;EAAA;;;OAAtCA,kB;;;;;;;eACK,IAAAC,QAAA,CAAI;AACtB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,G;;;;;;;;eAEwBC,KAAD,IAAoC;UACvD,IACE,CAAC,KAAKC,OAAL,CAAaC,KAAd,IACA,KAAKD,OAAL,CAAaC,KAAb,CAAmBC,QAAnB,CAA4BH,KAAK,CAACI,YAAN,GAAqB,CAArB,CAA5B,CAFF,EAGE;YACA;UACD;;UACD,KAAKC,QAAL,GAAgB,KAAhB;QACD,C;;;;;mBAEA,IAAAC,oBAAA,G;;;;eACoB,K;;;;;;;;eAECN,KAAD,IAAkB;UACrCA,KAAK,CAACO,cAAN;UACAP,KAAK,CAACQ,eAAN;UAEA,KAAKH,QAAL,GAAgB,CAAC,KAAKA,QAAtB;;UACA,IAAI,KAAKA,QAAT,EAAmB;YACjBI,MAAM,CAACC,gBAAP,CAAwB,OAAxB,EAAiC,KAAKC,kBAAtC,EAA0D,KAA1D;UACD;QACF,C;;;;;;aAED,mBAAoB;QAClB,IAAI,KAAKN,QAAL,KAAkB,KAAtB,EAA6B;UAC3BI,MAAM,CAACG,mBAAP,CAA2B,OAA3B,EAAoC,KAAKD,kBAAzC,EAA6D,KAA7D;QACD;MACF;;;;aAED,gCAA6B;QAC3B,qBAnHSb,kBAmHT;;QACAW,MAAM,CAACG,mBAAP,CAA2B,OAA3B,EAAoC,KAAKD,kBAAzC,EAA6D,KAA7D;MACD;;;;;;eAES,IAAAE,cAAA,G;;;;;GAvH4BC,e"}
|
package/cjs/m2m-apps-menu.js
CHANGED
|
@@ -63,17 +63,6 @@ let M2MAppsMenu = _decorate([(0, _decorators.customElement)("m2m-apps-menu")], f
|
|
|
63
63
|
kind: "method",
|
|
64
64
|
key: "render",
|
|
65
65
|
value: function render() {
|
|
66
|
-
const additionalMenuItems = this.additionalItems.map(item => {
|
|
67
|
-
return item.element === undefined ? (0, _lit.html)`
|
|
68
|
-
<li>
|
|
69
|
-
<a href="${item.href}">${item.label}</a>
|
|
70
|
-
</li>
|
|
71
|
-
` : (0, _lit.html)`
|
|
72
|
-
<li>
|
|
73
|
-
${item.element}
|
|
74
|
-
</li>
|
|
75
|
-
`;
|
|
76
|
-
});
|
|
77
66
|
return (0, _lit.html)`<nav>
|
|
78
67
|
<button
|
|
79
68
|
type="button"
|
|
@@ -110,7 +99,6 @@ let M2MAppsMenu = _decorate([(0, _decorators.customElement)("m2m-apps-menu")], f
|
|
|
110
99
|
<li>
|
|
111
100
|
<a href="${_domains.domains.sumyca}">Sumyca マンスリープラットフォーム</a>
|
|
112
101
|
</li>
|
|
113
|
-
${additionalMenuItems}
|
|
114
102
|
</ul>
|
|
115
103
|
</nav>`;
|
|
116
104
|
}
|
package/cjs/m2m-apps-menu.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"m2m-apps-menu.js","names":["M2MAppsMenu","customElement","
|
|
1
|
+
{"version":3,"file":"m2m-apps-menu.js","names":["M2MAppsMenu","customElement","html","expanded","handleToggleDrawer","ref","listRef","domains","core","checkin","systems","cleaning","inspection","users","sumyca","LitMenuBaseElement"],"sources":["../src/m2m-apps-menu.ts"],"sourcesContent":["import { domains } from \"./domains\";\nimport { html } from \"lit\";\nimport { customElement } from \"lit/decorators.js\";\nimport { ref } from \"lit/directives/ref.js\";\nimport { LitMenuBaseElement } from \"./LitMenuBaseElement\";\n\n@customElement(\"m2m-apps-menu\")\nexport class M2MAppsMenu extends LitMenuBaseElement {\n render() {\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=\"24\"\n height=\"24\"\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=${!this.expanded}\n class=\"navigation-drawer\"\n >\n <li><a href=\"${domains.core}\">m2m-core 施設管理</a></li>\n <li><a href=\"${domains.checkin}\">m2m-checkin ゲストチェックイン</a></li>\n <li><a href=\"${domains.systems}\">m2m-systems Airbnb連携</a></li>\n <li><a href=\"${domains.cleaning}\">m2m-cleaning 清掃管理</a></li>\n <li>\n <a href=\"${domains.inspection}\">m2m-inspection 内見チェック</a>\n </li>\n <li><a href=\"${domains.users}\">m2m-users アカウント管理</a></li>\n <li>\n <a href=\"${domains.sumyca}\">Sumyca マンスリープラットフォーム</a>\n </li>\n </ul>\n </nav>`;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n \"m2m-apps-menu\": M2MAppsMenu;\n }\n}\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAGaA,W,cADZ,IAAAC,yBAAA,EAAc,eAAd,C;EAAD,MACaD,WADb,6BACoD;IAAA;MAAA;;MAAA;IAAA;;EAAA;;;OAAvCA,W;;;;aACX,kBAAS;QACP,OAAO,IAAAE,SAAA,CAAK;AAChB;AACA;AACA;AACA;AACA,wBAAwB,KAAKC,QAAS;AACtC,iBAAiB,KAAKC,kBAAmB;AACzC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,UAAU,IAAAC,QAAA,EAAI,KAAKC,OAAT,CAAkB;AAC5B;AACA,sBAAsB,CAAC,KAAKH,QAAS;AACrC;AACA;AACA,uBAAuBI,gBAAA,CAAQC,IAAK;AACpC,uBAAuBD,gBAAA,CAAQE,OAAQ;AACvC,uBAAuBF,gBAAA,CAAQG,OAAQ;AACvC,uBAAuBH,gBAAA,CAAQI,QAAS;AACxC;AACA,qBAAqBJ,gBAAA,CAAQK,UAAW;AACxC;AACA,uBAAuBL,gBAAA,CAAQM,KAAM;AACrC;AACA,qBAAqBN,gBAAA,CAAQO,MAAO;AACpC;AACA;AACA,WArCI;MAsCD;;;GAxC8BC,uC"}
|
package/cjs/m2m-user-menu.js
CHANGED
|
@@ -77,17 +77,6 @@ let M2MUserMenu = _decorate([(0, _decorators.customElement)("m2m-user-menu")], f
|
|
|
77
77
|
kind: "method",
|
|
78
78
|
key: "render",
|
|
79
79
|
value: function render() {
|
|
80
|
-
const additionalMenuItems = this.additionalItems.map(item => {
|
|
81
|
-
return item.element === undefined ? (0, _lit.html)`
|
|
82
|
-
<li>
|
|
83
|
-
<a href="${item.href}">${item.label}</a>
|
|
84
|
-
</li>
|
|
85
|
-
` : (0, _lit.html)`
|
|
86
|
-
<li>
|
|
87
|
-
${item.element}
|
|
88
|
-
</li>
|
|
89
|
-
`;
|
|
90
|
-
});
|
|
91
80
|
return (0, _lit.html)`<nav>
|
|
92
81
|
<button
|
|
93
82
|
type="button"
|
|
@@ -113,7 +102,6 @@ let M2MUserMenu = _decorate([(0, _decorators.customElement)("m2m-user-menu")], f
|
|
|
113
102
|
<li @click=${this.handleLogout}>
|
|
114
103
|
<button type="button">ログアウト</button>
|
|
115
104
|
</li>
|
|
116
|
-
${additionalMenuItems}
|
|
117
105
|
</ul>
|
|
118
106
|
</nav>`;
|
|
119
107
|
}
|
package/cjs/m2m-user-menu.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"m2m-user-menu.js","names":["M2MUserMenu","customElement","m2mAuthTokenApi","clear","window","location","reload","
|
|
1
|
+
{"version":3,"file":"m2m-user-menu.js","names":["M2MUserMenu","customElement","m2mAuthTokenApi","clear","window","location","reload","html","expanded","handleToggleDrawer","ref","listRef","domains","users","handleLogout","LitMenuBaseElement"],"sources":["../src/m2m-user-menu.ts"],"sourcesContent":["import { m2mAuthTokenApi } from \"./storage/client\";\nimport { domains } from \"./domains\";\nimport { html } from \"lit\";\nimport { customElement } from \"lit/decorators.js\";\nimport { ref } from \"lit/directives/ref.js\";\nimport { LitMenuBaseElement } from \"./LitMenuBaseElement\";\n\n@customElement(\"m2m-user-menu\")\nexport class M2MUserMenu extends LitMenuBaseElement {\n handleLogout = () => {\n m2mAuthTokenApi.clear();\n window.location.reload();\n };\n\n render() {\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=\"32px\" height=\"32px\" fill=\"#000000\">\n <path d=\"M0 0h24v24H0z\" fill=\"none\" />\n <path\n d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 3c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm0 14.2c-2.5 0-4.71-1.28-6-3.22.03-1.99 4-3.08 6-3.08 1.99 0 5.97 1.09 6 3.08-1.29 1.94-3.5 3.22-6 3.22z\"\n />\n </svg>\n </button>\n <ul\n ${ref(this.listRef)}\n id=\"m2m-user-menu__navigation-drawer\"\n aria-hidden=${!this.expanded}\n class=\"navigation-drawer\"\n >\n <li><a href=\"${domains.users}\">アカウント情報</a></li>\n <li @click=${this.handleLogout}>\n <button type=\"button\">ログアウト</button>\n </li>\n </ul>\n </nav>`;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n \"m2m-user-menu\": M2MUserMenu;\n }\n}\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAGaA,W,cADZ,IAAAC,yBAAA,EAAc,eAAd,C;EAAD,MACaD,WADb,6BACoD;IAAA;MAAA;;MAAA;IAAA;;EAAA;;;OAAvCA,W;;;;;;eACI,MAAM;UACnBE,uBAAA,CAAgBC,KAAhB;;UACAC,MAAM,CAACC,QAAP,CAAgBC,MAAhB;QACD,C;;;;;;aAED,kBAAS;QACP,OAAO,IAAAC,SAAA,CAAK;AAChB;AACA;AACA;AACA;AACA,wBAAwB,KAAKC,QAAS;AACtC,iBAAiB,KAAKC,kBAAmB;AACzC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,UAAU,IAAAC,QAAA,EAAI,KAAKC,OAAT,CAAkB;AAC5B;AACA,sBAAsB,CAAC,KAAKH,QAAS;AACrC;AACA;AACA,uBAAuBI,gBAAA,CAAQC,KAAM;AACrC,qBAAqB,KAAKC,YAAa;AACvC;AACA;AACA;AACA,WA1BI;MA2BD;;;GAlC8BC,uC"}
|
|
@@ -28,10 +28,10 @@ const NotificationsProvider = ({
|
|
|
28
28
|
refetch: refetchSubscriptions
|
|
29
29
|
} = (0, _matsuriHooks.useAuthFetch)(token, _m2mNotifications.m2mNotifications_v1.findMySubscriptions(), {});
|
|
30
30
|
const checkPermission = (0, _react.useCallback)(notificationType => {
|
|
31
|
-
const subscription = subscriptions
|
|
31
|
+
const subscription = subscriptions?.find(item => {
|
|
32
32
|
return item.serviceId === serviceId && item.notificationType === notificationType && item.resourceSubscription.resourceSelectType === "any";
|
|
33
33
|
});
|
|
34
|
-
return subscription
|
|
34
|
+
return subscription?.status;
|
|
35
35
|
}, [serviceId, subscriptions]);
|
|
36
36
|
const {
|
|
37
37
|
data: notifications,
|
|
@@ -58,11 +58,11 @@ const NotificationsProvider = ({
|
|
|
58
58
|
}, [checkPermission, refetchSubscriptions]);
|
|
59
59
|
const notificationsContextState = (0, _react.useMemo)(() => {
|
|
60
60
|
return {
|
|
61
|
-
notifications:
|
|
62
|
-
isAllRead:
|
|
61
|
+
notifications: notifications?.data ?? [],
|
|
62
|
+
isAllRead: notifications?.data.every(n => n.status === "read") ?? true,
|
|
63
63
|
refetch: refetchNotifications
|
|
64
64
|
};
|
|
65
|
-
}, [refetchNotifications, notifications
|
|
65
|
+
}, [refetchNotifications, notifications?.data]);
|
|
66
66
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(NotificationPermissionContext.Provider, {
|
|
67
67
|
value: permissionContextState,
|
|
68
68
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(NotificationsContext.Provider, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NotificationProvider.js","names":["NotificationPermissionContext","createContext","undefined","NotificationsContext","NotificationsProvider","token","children","serviceId","useServiceId","data","subscriptions","refetch","refetchSubscriptions","useAuthFetch","m2mNotifications_v1","findMySubscriptions","checkPermission","useCallback","notificationType","subscription","find","item","resourceSubscription","resourceSelectType","status","notifications","error","refetchNotifications","findNotificationsByServiceId","id","swrConfig","refreshInterval","console","permissionContextState","useMemo","notificationsContextState","isAllRead","every","n","useNotifications","ctx","useContext","Error","useNotificationPermission"],"sources":["../../src/notification/NotificationProvider.tsx"],"sourcesContent":["import {\n createContext,\n PropsWithChildren,\n useCallback,\n useContext,\n} from \"react\";\nimport { useAuthFetch } from \"matsuri-hooks\";\nimport { useMemo } from \"react\";\nimport { m2mNotifications_v1 } from \"../endpoints/m2m-notifications.v1\";\nimport { useServiceId } from \"./ServiceIdProvider\";\nimport { SubscriptionStatus, Subscription, Notification } from \"./domain\";\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":";;;;;;;AAAA;;AAMA;;AAEA;;AACA;;;;AAGA,MAAMA,6BAA6B,gBAAG,IAAAC,oBAAA,EAQpCC,SARoC,CAAtC;AAUA,MAAMC,oBAAoB,gBAAG,IAAAF,oBAAA,EAG3BC,SAH2B,CAA7B,C,CAKA;;AACO,MAAME,qBAAqB,GAAG,CAAC;EACpCC,KADoC;EAEpCC;AAFoC,CAAD,KAGO;EAC1C,MAAMC,SAAS,GAAG,IAAAC,+BAAA,GAAlB;EAEA,MAAM;IAAEC,IAAI,EAAEC,aAAR;IAAuBC,OAAO,EAAEC;EAAhC,IAAyD,IAAAC,0BAAA,EAE7DR,KAF6D,EAEtDS,qCAAA,CAAoBC,mBAApB,EAFsD,EAEX,EAFW,CAA/D;EAGA,MAAMC,eAAe,GAAG,IAAAC,kBAAA,EACrBC,gBAAD,IAA8B;IAC5B,MAAMC,YAAY,GAAGT,
|
|
1
|
+
{"version":3,"file":"NotificationProvider.js","names":["NotificationPermissionContext","createContext","undefined","NotificationsContext","NotificationsProvider","token","children","serviceId","useServiceId","data","subscriptions","refetch","refetchSubscriptions","useAuthFetch","m2mNotifications_v1","findMySubscriptions","checkPermission","useCallback","notificationType","subscription","find","item","resourceSubscription","resourceSelectType","status","notifications","error","refetchNotifications","findNotificationsByServiceId","id","swrConfig","refreshInterval","console","permissionContextState","useMemo","notificationsContextState","isAllRead","every","n","useNotifications","ctx","useContext","Error","useNotificationPermission"],"sources":["../../src/notification/NotificationProvider.tsx"],"sourcesContent":["import {\n createContext,\n PropsWithChildren,\n useCallback,\n useContext,\n} from \"react\";\nimport { useAuthFetch } from \"matsuri-hooks\";\nimport { useMemo } from \"react\";\nimport { m2mNotifications_v1 } from \"../endpoints/m2m-notifications.v1\";\nimport { useServiceId } from \"./ServiceIdProvider\";\nimport { SubscriptionStatus, Subscription, Notification } from \"./domain\";\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":";;;;;;;AAAA;;AAMA;;AAEA;;AACA;;;;AAGA,MAAMA,6BAA6B,gBAAG,IAAAC,oBAAA,EAQpCC,SARoC,CAAtC;AAUA,MAAMC,oBAAoB,gBAAG,IAAAF,oBAAA,EAG3BC,SAH2B,CAA7B,C,CAKA;;AACO,MAAME,qBAAqB,GAAG,CAAC;EACpCC,KADoC;EAEpCC;AAFoC,CAAD,KAGO;EAC1C,MAAMC,SAAS,GAAG,IAAAC,+BAAA,GAAlB;EAEA,MAAM;IAAEC,IAAI,EAAEC,aAAR;IAAuBC,OAAO,EAAEC;EAAhC,IAAyD,IAAAC,0BAAA,EAE7DR,KAF6D,EAEtDS,qCAAA,CAAoBC,mBAApB,EAFsD,EAEX,EAFW,CAA/D;EAGA,MAAMC,eAAe,GAAG,IAAAC,kBAAA,EACrBC,gBAAD,IAA8B;IAC5B,MAAMC,YAAY,GAAGT,aAAa,EAAEU,IAAf,CAAqBC,IAAD,IAAU;MACjD,OACEA,IAAI,CAACd,SAAL,KAAmBA,SAAnB,IACAc,IAAI,CAACH,gBAAL,KAA0BA,gBAD1B,IAEAG,IAAI,CAACC,oBAAL,CAA0BC,kBAA1B,KAAiD,KAHnD;IAKD,CANoB,CAArB;IAQA,OAAOJ,YAAY,EAAEK,MAArB;EACD,CAXqB,EAYtB,CAACjB,SAAD,EAAYG,aAAZ,CAZsB,CAAxB;EAeA,MAAM;IACJD,IAAI,EAAEgB,aADF;IAEJC,KAFI;IAGJf,OAAO,EAAEgB;EAHL,IAIF,IAAAd,0BAAA,EACFR,KADE,EAEFS,qCAAA,CAAoBc,4BAApB,CAAiD;IAAEC,EAAE,EAAEtB;EAAN,CAAjD,CAFE,EAGF;IAAEuB,SAAS,EAAE;MAAEC,eAAe,EAAE,OAAO,EAAP,GAAY;IAA/B;EAAb,CAHE,CAJJ;;EASA,IAAIL,KAAJ,EAAW;IACT;IACAM,OAAO,CAACN,KAAR,CAAcA,KAAd;EACD;;EAED,MAAMO,sBAAsB,GAAG,IAAAC,cAAA,EAAQ,MAAM;IAC3C,OAAO;MACLlB,eADK;MAELL,OAAO,EAAEC;IAFJ,CAAP;EAID,CAL8B,EAK5B,CAACI,eAAD,EAAkBJ,oBAAlB,CAL4B,CAA/B;EAOA,MAAMuB,yBAAyB,GAAG,IAAAD,cAAA,EAAQ,MAAM;IAC9C,OAAO;MACLT,aAAa,EAAEA,aAAa,EAAEhB,IAAf,IAAuB,EADjC;MAEL2B,SAAS,EAAEX,aAAa,EAAEhB,IAAf,CAAoB4B,KAApB,CAA2BC,CAAD,IAAOA,CAAC,CAACd,MAAF,KAAa,MAA9C,KAAyD,IAF/D;MAGLb,OAAO,EAAEgB;IAHJ,CAAP;EAKD,CANiC,EAM/B,CAACA,oBAAD,EAAuBF,aAAa,EAAEhB,IAAtC,CAN+B,CAAlC;EAQA,oBACE,qBAAC,6BAAD,CAA+B,QAA/B;IAAwC,KAAK,EAAEwB,sBAA/C;IAAA,uBACE,qBAAC,oBAAD,CAAsB,QAAtB;MAA+B,KAAK,EAAEE,yBAAtC;MAAA,UACG7B;IADH;EADF,EADF;AAOD,CA5DM;;;;AA8DA,MAAMiC,gBAAgB,GAAG,MAAM;EACpC,MAAMC,GAAG,GAAG,IAAAC,iBAAA,EAAWtC,oBAAX,CAAZ;;EACA,IAAI,CAACqC,GAAL,EAAU;IACR,MAAM,IAAIE,KAAJ,CAAU,mCAAV,CAAN;EACD;;EAED,OAAOF,GAAP;AACD,CAPM;;;;AASA,MAAMG,yBAAyB,GAAG,MAAM;EAC7C,MAAMH,GAAG,GAAG,IAAAC,iBAAA,EAAWzC,6BAAX,CAAZ;;EACA,IAAI,CAACwC,GAAL,EAAU;IACR,MAAM,IAAIE,KAAJ,CAAU,mCAAV,CAAN;EACD;;EAED,OAAOF,GAAP;AACD,CAPM"}
|
package/cjs/storage/client.js
CHANGED
|
@@ -50,7 +50,7 @@ const initStorageClient = options => {
|
|
|
50
50
|
throw new Error("M2mStorageClient already initialized. Do not call m2mStorageClient.init multiple times.");
|
|
51
51
|
}
|
|
52
52
|
|
|
53
|
-
const storage = new M2mStorageClient(
|
|
53
|
+
const storage = new M2mStorageClient(options?.env === "production" ? M2M_STORAGE_HUB_URL : M2M_STORAGE_HUB_URL_DEV);
|
|
54
54
|
context.storage = storage;
|
|
55
55
|
};
|
|
56
56
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"client.js","names":["M2mStorageClient","StorageClient","context","getStorage","timeout","storage","Promise","resolve","reject","rejectTimer","window","setTimeout","Error","clearTimeout","timer","setInterval","clearInterval","onConnect","M2M_STORAGE_HUB_URL","M2M_STORAGE_HUB_URL_DEV","initStorageClient","options","env","m2mStorageClient","init","M2M_AUTH_TOKEN_KEY","getAuthTokenCache","localStorage","getItem","getAuthToken","autuToken","get","error","console","warn","setAuthToken","token","setItem","set","clearAuthToken","removeItem","del","m2mAuthTokenApi","getCache","clear"],"sources":["../../src/storage/client.ts"],"sourcesContent":["import { StorageClient } from \"./lib/client\";\n\nclass M2mStorageClient extends StorageClient {}\n\nexport type { M2mStorageClient };\n\nconst context: {\n storage?: M2mStorageClient;\n} = {};\n\n/**\n * Get the connected storage client.\n * @param timeout\n * @default 5000\n */\nconst getStorage = async (timeout = 5000) => {\n const storage = await new Promise<M2mStorageClient>((resolve, reject) => {\n const rejectTimer = window.setTimeout(function () {\n reject(\n new Error(\n \"Timeout: M2mStorageClient could not connect. Please call m2mStorageClient.init() before using m2mStorageClient.\"\n )\n );\n }, timeout);\n\n const storage = context.storage;\n if (storage) {\n window.clearTimeout(rejectTimer);\n resolve(storage);\n }\n\n const timer = window.setInterval(() => {\n const storage = context.storage;\n if (storage) {\n window.clearTimeout(rejectTimer);\n window.clearInterval(timer);\n resolve(storage);\n }\n }, 200);\n });\n\n await storage.onConnect();\n\n return storage;\n};\n\nconst M2M_STORAGE_HUB_URL = \"https://hub.m2msystems.cloud/\";\n\nconst M2M_STORAGE_HUB_URL_DEV =\n \"https://m2m-components-storage-hub-dev.netlify.app/\";\n\nconst initStorageClient = (options?: {\n env?: \"development\" | \"production\";\n}) => {\n if (context.storage) {\n throw new Error(\n \"M2mStorageClient already initialized. Do not call m2mStorageClient.init multiple times.\"\n );\n }\n const storage = new M2mStorageClient(\n options?.env === \"production\"\n ? M2M_STORAGE_HUB_URL\n : M2M_STORAGE_HUB_URL_DEV\n );\n context.storage = storage;\n};\n\nexport const m2mStorageClient = {\n init: initStorageClient,\n getStorage: getStorage,\n};\n\nexport const M2M_AUTH_TOKEN_KEY = \"M2M_APP_AUTH_TOKEN\";\n\nconst getAuthTokenCache = () => {\n return window.localStorage.getItem(M2M_AUTH_TOKEN_KEY);\n};\n\nconst getAuthToken = async () => {\n try {\n const storage = await getStorage();\n const autuToken = (await storage.get(M2M_AUTH_TOKEN_KEY)) as string;\n return autuToken || getAuthTokenCache();\n } catch (error) {\n console.warn(error);\n return getAuthTokenCache();\n }\n};\n\nconst setAuthToken = async (token: string) => {\n window.localStorage.setItem(M2M_AUTH_TOKEN_KEY, token);\n try {\n const storage = await getStorage();\n await storage.set(M2M_AUTH_TOKEN_KEY, token);\n } catch (error) {\n console.warn(error);\n }\n};\n\nconst clearAuthToken = async () => {\n window.localStorage.removeItem(M2M_AUTH_TOKEN_KEY);\n try {\n const storage = await getStorage();\n await storage.del(M2M_AUTH_TOKEN_KEY);\n } catch (error) {\n console.warn(error);\n }\n};\n\nexport const m2mAuthTokenApi = {\n get: getAuthToken,\n getCache: getAuthTokenCache,\n set: setAuthToken,\n clear: clearAuthToken,\n};\n"],"mappings":";;;;;;;AAAA;;AAEA,MAAMA,gBAAN,SAA+BC,qBAA/B,CAA6C;;AAI7C,MAAMC,OAEL,GAAG,EAFJ;AAIA;AACA;AACA;AACA;AACA;;AACA,MAAMC,UAAU,GAAG,OAAOC,OAAO,GAAG,IAAjB,KAA0B;EAC3C,MAAMC,OAAO,GAAG,MAAM,IAAIC,OAAJ,CAA8B,CAACC,OAAD,EAAUC,MAAV,KAAqB;IACvE,MAAMC,WAAW,GAAGC,MAAM,CAACC,UAAP,CAAkB,YAAY;MAChDH,MAAM,CACJ,IAAII,KAAJ,CACE,iHADF,CADI,CAAN;IAKD,CANmB,EAMjBR,OANiB,CAApB;IAQA,MAAMC,OAAO,GAAGH,OAAO,CAACG,OAAxB;;IACA,IAAIA,OAAJ,EAAa;MACXK,MAAM,CAACG,YAAP,CAAoBJ,WAApB;MACAF,OAAO,CAACF,OAAD,CAAP;IACD;;IAED,MAAMS,KAAK,GAAGJ,MAAM,CAACK,WAAP,CAAmB,MAAM;MACrC,MAAMV,OAAO,GAAGH,OAAO,CAACG,OAAxB;;MACA,IAAIA,OAAJ,EAAa;QACXK,MAAM,CAACG,YAAP,CAAoBJ,WAApB;QACAC,MAAM,CAACM,aAAP,CAAqBF,KAArB;QACAP,OAAO,CAACF,OAAD,CAAP;MACD;IACF,CAPa,EAOX,GAPW,CAAd;EAQD,CAvBqB,CAAtB;EAyBA,MAAMA,OAAO,CAACY,SAAR,EAAN;EAEA,OAAOZ,OAAP;AACD,CA7BD;;AA+BA,MAAMa,mBAAmB,GAAG,+BAA5B;AAEA,MAAMC,uBAAuB,GAC3B,qDADF;;AAGA,MAAMC,iBAAiB,GAAIC,OAAD,IAEpB;EACJ,IAAInB,OAAO,CAACG,OAAZ,EAAqB;IACnB,MAAM,IAAIO,KAAJ,CACJ,yFADI,CAAN;EAGD;;EACD,MAAMP,OAAO,GAAG,IAAIL,gBAAJ,
|
|
1
|
+
{"version":3,"file":"client.js","names":["M2mStorageClient","StorageClient","context","getStorage","timeout","storage","Promise","resolve","reject","rejectTimer","window","setTimeout","Error","clearTimeout","timer","setInterval","clearInterval","onConnect","M2M_STORAGE_HUB_URL","M2M_STORAGE_HUB_URL_DEV","initStorageClient","options","env","m2mStorageClient","init","M2M_AUTH_TOKEN_KEY","getAuthTokenCache","localStorage","getItem","getAuthToken","autuToken","get","error","console","warn","setAuthToken","token","setItem","set","clearAuthToken","removeItem","del","m2mAuthTokenApi","getCache","clear"],"sources":["../../src/storage/client.ts"],"sourcesContent":["import { StorageClient } from \"./lib/client\";\n\nclass M2mStorageClient extends StorageClient {}\n\nexport type { M2mStorageClient };\n\nconst context: {\n storage?: M2mStorageClient;\n} = {};\n\n/**\n * Get the connected storage client.\n * @param timeout\n * @default 5000\n */\nconst getStorage = async (timeout = 5000) => {\n const storage = await new Promise<M2mStorageClient>((resolve, reject) => {\n const rejectTimer = window.setTimeout(function () {\n reject(\n new Error(\n \"Timeout: M2mStorageClient could not connect. Please call m2mStorageClient.init() before using m2mStorageClient.\"\n )\n );\n }, timeout);\n\n const storage = context.storage;\n if (storage) {\n window.clearTimeout(rejectTimer);\n resolve(storage);\n }\n\n const timer = window.setInterval(() => {\n const storage = context.storage;\n if (storage) {\n window.clearTimeout(rejectTimer);\n window.clearInterval(timer);\n resolve(storage);\n }\n }, 200);\n });\n\n await storage.onConnect();\n\n return storage;\n};\n\nconst M2M_STORAGE_HUB_URL = \"https://hub.m2msystems.cloud/\";\n\nconst M2M_STORAGE_HUB_URL_DEV =\n \"https://m2m-components-storage-hub-dev.netlify.app/\";\n\nconst initStorageClient = (options?: {\n env?: \"development\" | \"production\";\n}) => {\n if (context.storage) {\n throw new Error(\n \"M2mStorageClient already initialized. Do not call m2mStorageClient.init multiple times.\"\n );\n }\n const storage = new M2mStorageClient(\n options?.env === \"production\"\n ? M2M_STORAGE_HUB_URL\n : M2M_STORAGE_HUB_URL_DEV\n );\n context.storage = storage;\n};\n\nexport const m2mStorageClient = {\n init: initStorageClient,\n getStorage: getStorage,\n};\n\nexport const M2M_AUTH_TOKEN_KEY = \"M2M_APP_AUTH_TOKEN\";\n\nconst getAuthTokenCache = () => {\n return window.localStorage.getItem(M2M_AUTH_TOKEN_KEY);\n};\n\nconst getAuthToken = async () => {\n try {\n const storage = await getStorage();\n const autuToken = (await storage.get(M2M_AUTH_TOKEN_KEY)) as string;\n return autuToken || getAuthTokenCache();\n } catch (error) {\n console.warn(error);\n return getAuthTokenCache();\n }\n};\n\nconst setAuthToken = async (token: string) => {\n window.localStorage.setItem(M2M_AUTH_TOKEN_KEY, token);\n try {\n const storage = await getStorage();\n await storage.set(M2M_AUTH_TOKEN_KEY, token);\n } catch (error) {\n console.warn(error);\n }\n};\n\nconst clearAuthToken = async () => {\n window.localStorage.removeItem(M2M_AUTH_TOKEN_KEY);\n try {\n const storage = await getStorage();\n await storage.del(M2M_AUTH_TOKEN_KEY);\n } catch (error) {\n console.warn(error);\n }\n};\n\nexport const m2mAuthTokenApi = {\n get: getAuthToken,\n getCache: getAuthTokenCache,\n set: setAuthToken,\n clear: clearAuthToken,\n};\n"],"mappings":"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"}
|
|
@@ -53,7 +53,7 @@ const M2mAuthenticationProvider = ({
|
|
|
53
53
|
const login = (0, _react.useCallback)(async input => {
|
|
54
54
|
const {
|
|
55
55
|
data,
|
|
56
|
-
|
|
56
|
+
error
|
|
57
57
|
} = await (0, _matsuriHooks.fetcher)((0, _m2mUsers.login)(), {
|
|
58
58
|
method: "POST",
|
|
59
59
|
body: JSON.stringify(input)
|
|
@@ -67,21 +67,38 @@ const M2mAuthenticationProvider = ({
|
|
|
67
67
|
setToken(authToken);
|
|
68
68
|
}
|
|
69
69
|
|
|
70
|
-
return
|
|
70
|
+
return {
|
|
71
|
+
error,
|
|
72
|
+
token: data ? data.accessToken : undefined
|
|
73
|
+
};
|
|
71
74
|
}, []);
|
|
72
75
|
const logout = (0, _react.useCallback)(() => {
|
|
73
76
|
_client.m2mAuthTokenApi.clear();
|
|
74
77
|
|
|
75
78
|
window.location.reload();
|
|
76
79
|
}, []);
|
|
80
|
+
const updateToken = (0, _react.useCallback)(async token => {
|
|
81
|
+
if (checkJwtExpiration(token)) {
|
|
82
|
+
return {
|
|
83
|
+
error: new Error("M2MAuthToken is expired")
|
|
84
|
+
};
|
|
85
|
+
}
|
|
86
|
+
|
|
87
|
+
await _client.m2mAuthTokenApi.set(token);
|
|
88
|
+
setToken(token);
|
|
89
|
+
return {
|
|
90
|
+
error: undefined
|
|
91
|
+
};
|
|
92
|
+
}, []);
|
|
77
93
|
const state = (0, _react.useMemo)(() => {
|
|
78
94
|
return {
|
|
79
95
|
login,
|
|
80
96
|
logout,
|
|
81
97
|
token,
|
|
82
|
-
authenticated
|
|
98
|
+
authenticated,
|
|
99
|
+
updateToken
|
|
83
100
|
};
|
|
84
|
-
}, [authenticated, login, logout, token]);
|
|
101
|
+
}, [authenticated, login, logout, token, updateToken]);
|
|
85
102
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(AuthenticationContext.Provider, {
|
|
86
103
|
value: state,
|
|
87
104
|
children: children
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useM2mAuth.js","names":["AuthenticationContext","createContext","undefined","checkJwtExpiration","jwt","splitted","split","length","payload","exp","JSON","parse","atob","Date","M2mAuthenticationProvider","children","token","setToken","useState","m2mAuthTokenApi","getCache","authenticated","useMemo","tryCheckAuth","useCallback","authToken","get","clear","set","useEffect","login","input","data","
|
|
1
|
+
{"version":3,"file":"useM2mAuth.js","names":["AuthenticationContext","createContext","undefined","checkJwtExpiration","jwt","splitted","split","length","payload","exp","JSON","parse","atob","Date","M2mAuthenticationProvider","children","token","setToken","useState","m2mAuthTokenApi","getCache","authenticated","useMemo","tryCheckAuth","useCallback","authToken","get","clear","set","useEffect","login","input","data","error","fetcher","m2mUsers_v1_login","method","body","stringify","accessToken","logout","window","location","reload","updateToken","Error","state","useAuth","ctx","useContext"],"sources":["../../src/storage/useM2mAuth.tsx"],"sourcesContent":["import React, {\n createContext,\n useCallback,\n useContext,\n useEffect,\n useMemo,\n useState,\n} from \"react\";\nimport { fetcher } from \"matsuri-hooks\";\nimport { m2mAuthTokenApi } from \"./client\";\nimport { login as m2mUsers_v1_login } from \"../endpoints/m2m-users.v1\";\n\ninterface LoginInput {\n email: string;\n password: string;\n}\n\ntype AuthenticationState = {\n token: string;\n authenticated: boolean;\n login: (input: LoginInput) => Promise<{ token?: string; error?: Error }>;\n logout: () => void;\n updateToken: (token: string) => Promise<{ error?: Error }>;\n};\n\nconst AuthenticationContext = createContext<AuthenticationState | undefined>(\n undefined\n);\n\nconst checkJwtExpiration = (jwt: string): boolean => {\n const splitted = jwt.split(\".\");\n if (splitted.length !== 3) return false;\n\n const [, payload] = splitted;\n const exp = JSON.parse(atob(payload))[\"exp\"];\n return new Date() < new Date(exp * 1000);\n};\n\nexport const M2mAuthenticationProvider = ({\n children,\n}: {\n children: React.ReactNode;\n}) => {\n const [token, setToken] = useState(m2mAuthTokenApi.getCache() || \"\");\n\n const authenticated = useMemo(() => !!token, [token]);\n\n const tryCheckAuth = useCallback(async () => {\n const authToken = await m2mAuthTokenApi.get();\n if (!(authToken && checkJwtExpiration(authToken))) {\n m2mAuthTokenApi.clear();\n setToken(\"\");\n } else {\n m2mAuthTokenApi.set(authToken);\n setToken(authToken);\n }\n }, []);\n\n useEffect(() => {\n tryCheckAuth();\n }, [tryCheckAuth]);\n\n const login = useCallback(async (input: LoginInput) => {\n const { data, error } = await fetcher<{\n accessToken: string;\n }>(m2mUsers_v1_login(), {\n method: \"POST\",\n body: JSON.stringify(input),\n });\n if (data) {\n const authToken = data.accessToken;\n\n m2mAuthTokenApi.set(authToken);\n setToken(authToken);\n }\n return {\n error,\n token: data ? data.accessToken : undefined,\n };\n }, []);\n\n const logout = useCallback(() => {\n 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":"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"}
|
package/jsx.d.ts
CHANGED
|
@@ -1,25 +1,10 @@
|
|
|
1
|
-
type AdditionalItems = (
|
|
2
|
-
| {
|
|
3
|
-
href: string;
|
|
4
|
-
label: string;
|
|
5
|
-
element?: never;
|
|
6
|
-
}
|
|
7
|
-
| {
|
|
8
|
-
href?: never;
|
|
9
|
-
label?: never;
|
|
10
|
-
element: any;
|
|
11
|
-
}
|
|
12
|
-
)[];
|
|
13
|
-
|
|
14
1
|
declare namespace JSX {
|
|
15
2
|
interface IntrinsicElements {
|
|
16
3
|
"m2m-apps-menu": {
|
|
17
|
-
|
|
18
|
-
additionalItems?: AdditionalItems;
|
|
4
|
+
[propName: string]: never;
|
|
19
5
|
};
|
|
20
6
|
"m2m-user-menu": {
|
|
21
|
-
|
|
22
|
-
additionalItems?: AdditionalItems;
|
|
7
|
+
[propName: string]: never;
|
|
23
8
|
};
|
|
24
9
|
}
|
|
25
10
|
}
|
package/m2m-apps-menu.d.ts
CHANGED
|
@@ -1,6 +1,4 @@
|
|
|
1
|
-
import { LitMenuBaseElement
|
|
2
|
-
export interface M2MAppsMenuProps extends LitMenuBaseElementProps {
|
|
3
|
-
}
|
|
1
|
+
import { LitMenuBaseElement } from "./LitMenuBaseElement";
|
|
4
2
|
export declare class M2MAppsMenu extends LitMenuBaseElement {
|
|
5
3
|
render(): import("lit-html").TemplateResult<1>;
|
|
6
4
|
}
|
package/m2m-apps-menu.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var _templateObject
|
|
1
|
+
var _templateObject;
|
|
2
2
|
|
|
3
3
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
4
4
|
|
|
@@ -55,10 +55,7 @@ export var M2MAppsMenu = _decorate([customElement("m2m-apps-menu")], function (_
|
|
|
55
55
|
kind: "method",
|
|
56
56
|
key: "render",
|
|
57
57
|
value: function render() {
|
|
58
|
-
|
|
59
|
-
return item.element === undefined ? html(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n <li>\n <a href=\"", "\">", "</a>\n </li>\n "])), item.href, item.label) : html(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n <li>\n ", "\n </li>\n "])), item.element);
|
|
60
|
-
});
|
|
61
|
-
return html(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["<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=", "\n @click=", "\n >\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"24\"\n height=\"24\"\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 ", "\n id=\"m2m-apps-menu__navigation-drawer\"\n aria-hidden=", "\n class=\"navigation-drawer\"\n >\n <li><a href=\"", "\">m2m-core \u65BD\u8A2D\u7BA1\u7406</a></li>\n <li><a href=\"", "\">m2m-checkin \u30B2\u30B9\u30C8\u30C1\u30A7\u30C3\u30AF\u30A4\u30F3</a></li>\n <li><a href=\"", "\">m2m-systems Airbnb\u9023\u643A</a></li>\n <li><a href=\"", "\">m2m-cleaning \u6E05\u6383\u7BA1\u7406</a></li>\n <li>\n <a href=\"", "\">m2m-inspection \u5185\u898B\u30C1\u30A7\u30C3\u30AF</a>\n </li>\n <li><a href=\"", "\">m2m-users \u30A2\u30AB\u30A6\u30F3\u30C8\u7BA1\u7406</a></li>\n <li>\n <a href=\"", "\">Sumyca \u30DE\u30F3\u30B9\u30EA\u30FC\u30D7\u30E9\u30C3\u30C8\u30D5\u30A9\u30FC\u30E0</a>\n </li>\n ", "\n </ul>\n </nav>"])), this.expanded, this.handleToggleDrawer, ref(this.listRef), !this.expanded, domains.core, domains.checkin, domains.systems, domains.cleaning, domains.inspection, domains.users, domains.sumyca, additionalMenuItems);
|
|
58
|
+
return html(_templateObject || (_templateObject = _taggedTemplateLiteral(["<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=", "\n @click=", "\n >\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"24\"\n height=\"24\"\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 ", "\n id=\"m2m-apps-menu__navigation-drawer\"\n aria-hidden=", "\n class=\"navigation-drawer\"\n >\n <li><a href=\"", "\">m2m-core \u65BD\u8A2D\u7BA1\u7406</a></li>\n <li><a href=\"", "\">m2m-checkin \u30B2\u30B9\u30C8\u30C1\u30A7\u30C3\u30AF\u30A4\u30F3</a></li>\n <li><a href=\"", "\">m2m-systems Airbnb\u9023\u643A</a></li>\n <li><a href=\"", "\">m2m-cleaning \u6E05\u6383\u7BA1\u7406</a></li>\n <li>\n <a href=\"", "\">m2m-inspection \u5185\u898B\u30C1\u30A7\u30C3\u30AF</a>\n </li>\n <li><a href=\"", "\">m2m-users \u30A2\u30AB\u30A6\u30F3\u30C8\u7BA1\u7406</a></li>\n <li>\n <a href=\"", "\">Sumyca \u30DE\u30F3\u30B9\u30EA\u30FC\u30D7\u30E9\u30C3\u30C8\u30D5\u30A9\u30FC\u30E0</a>\n </li>\n </ul>\n </nav>"])), this.expanded, this.handleToggleDrawer, ref(this.listRef), !this.expanded, domains.core, domains.checkin, domains.systems, domains.cleaning, domains.inspection, domains.users, domains.sumyca);
|
|
62
59
|
}
|
|
63
60
|
}]
|
|
64
61
|
};
|
package/m2m-apps-menu.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"m2m-apps-menu.js","names":["domains","html","customElement","ref","LitMenuBaseElement","M2MAppsMenu","
|
|
1
|
+
{"version":3,"file":"m2m-apps-menu.js","names":["domains","html","customElement","ref","LitMenuBaseElement","M2MAppsMenu","expanded","handleToggleDrawer","listRef","core","checkin","systems","cleaning","inspection","users","sumyca"],"sources":["src/m2m-apps-menu.ts"],"sourcesContent":["import { domains } from \"./domains\";\nimport { html } from \"lit\";\nimport { customElement } from \"lit/decorators.js\";\nimport { ref } from \"lit/directives/ref.js\";\nimport { LitMenuBaseElement } from \"./LitMenuBaseElement\";\n\n@customElement(\"m2m-apps-menu\")\nexport class M2MAppsMenu extends LitMenuBaseElement {\n render() {\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=\"24\"\n height=\"24\"\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=${!this.expanded}\n class=\"navigation-drawer\"\n >\n <li><a href=\"${domains.core}\">m2m-core 施設管理</a></li>\n <li><a href=\"${domains.checkin}\">m2m-checkin ゲストチェックイン</a></li>\n <li><a href=\"${domains.systems}\">m2m-systems Airbnb連携</a></li>\n <li><a href=\"${domains.cleaning}\">m2m-cleaning 清掃管理</a></li>\n <li>\n <a href=\"${domains.inspection}\">m2m-inspection 内見チェック</a>\n </li>\n <li><a href=\"${domains.users}\">m2m-users アカウント管理</a></li>\n <li>\n <a href=\"${domains.sumyca}\">Sumyca マンスリープラットフォーム</a>\n </li>\n </ul>\n </nav>`;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n \"m2m-apps-menu\": M2MAppsMenu;\n }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAASA,OAAT,QAAwB,WAAxB;AACA,SAASC,IAAT,QAAqB,KAArB;AACA,SAASC,aAAT,QAA8B,mBAA9B;AACA,SAASC,GAAT,QAAoB,uBAApB;AACA,SAASC,kBAAT,QAAmC,sBAAnC;AAGA,WAAaC,WAAb,cADCH,aAAa,CAAC,eAAD,CACd;EADA,MACaG,WADb,6BACoD;IAAA;MAAA;;MAAA;IAAA;;EAAA;;EAApD;IAAA,GAAaA,WAAb;IAAA;MAAA;MAAA;MAAA,OACE,kBAAS;QACP,OAAOJ,IAAP,2gDAKoB,KAAKK,QALzB,EAMa,KAAKC,kBANlB,EAoBMJ,GAAG,CAAC,KAAKK,OAAN,CApBT,EAsBkB,CAAC,KAAKF,QAtBxB,EAyBmBN,OAAO,CAACS,IAzB3B,EA0BmBT,OAAO,CAACU,OA1B3B,EA2BmBV,OAAO,CAACW,OA3B3B,EA4BmBX,OAAO,CAACY,QA5B3B,EA8BiBZ,OAAO,CAACa,UA9BzB,EAgCmBb,OAAO,CAACc,KAhC3B,EAkCiBd,OAAO,CAACe,MAlCzB;MAsCD;IAxCH;EAAA;AAAA,GAAiCX,kBAAjC"}
|
package/m2m-user-menu.d.ts
CHANGED
|
@@ -1,6 +1,4 @@
|
|
|
1
|
-
import { LitMenuBaseElement
|
|
2
|
-
export interface M2MUserMenuProps extends LitMenuBaseElementProps {
|
|
3
|
-
}
|
|
1
|
+
import { LitMenuBaseElement } from "./LitMenuBaseElement";
|
|
4
2
|
export declare class M2MUserMenu extends LitMenuBaseElement {
|
|
5
3
|
handleLogout: () => void;
|
|
6
4
|
render(): import("lit-html").TemplateResult<1>;
|
package/m2m-user-menu.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var _templateObject
|
|
1
|
+
var _templateObject;
|
|
2
2
|
|
|
3
3
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
4
4
|
|
|
@@ -67,10 +67,7 @@ export var M2MUserMenu = _decorate([customElement("m2m-user-menu")], function (_
|
|
|
67
67
|
kind: "method",
|
|
68
68
|
key: "render",
|
|
69
69
|
value: function render() {
|
|
70
|
-
|
|
71
|
-
return item.element === undefined ? html(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n <li>\n <a href=\"", "\">", "</a>\n </li>\n "])), item.href, item.label) : html(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n <li>\n ", "\n </li>\n "])), item.element);
|
|
72
|
-
});
|
|
73
|
-
return html(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["<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=", "\n @click=", "\n >\n <svg viewBox=\"0 0 24 24\" width=\"32px\" height=\"32px\" 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 ", "\n id=\"m2m-user-menu__navigation-drawer\"\n aria-hidden=", "\n class=\"navigation-drawer\"\n >\n <li><a href=\"", "\">\u30A2\u30AB\u30A6\u30F3\u30C8\u60C5\u5831</a></li>\n <li @click=", ">\n <button type=\"button\">\u30ED\u30B0\u30A2\u30A6\u30C8</button>\n </li>\n ", "\n </ul>\n </nav>"])), this.expanded, this.handleToggleDrawer, ref(this.listRef), !this.expanded, domains.users, this.handleLogout, additionalMenuItems);
|
|
70
|
+
return html(_templateObject || (_templateObject = _taggedTemplateLiteral(["<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=", "\n @click=", "\n >\n <svg viewBox=\"0 0 24 24\" width=\"32px\" height=\"32px\" 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 ", "\n id=\"m2m-user-menu__navigation-drawer\"\n aria-hidden=", "\n class=\"navigation-drawer\"\n >\n <li><a href=\"", "\">\u30A2\u30AB\u30A6\u30F3\u30C8\u60C5\u5831</a></li>\n <li @click=", ">\n <button type=\"button\">\u30ED\u30B0\u30A2\u30A6\u30C8</button>\n </li>\n </ul>\n </nav>"])), this.expanded, this.handleToggleDrawer, ref(this.listRef), !this.expanded, domains.users, this.handleLogout);
|
|
74
71
|
}
|
|
75
72
|
}]
|
|
76
73
|
};
|
package/m2m-user-menu.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"m2m-user-menu.js","names":["m2mAuthTokenApi","domains","html","customElement","ref","LitMenuBaseElement","M2MUserMenu","clear","window","location","reload","
|
|
1
|
+
{"version":3,"file":"m2m-user-menu.js","names":["m2mAuthTokenApi","domains","html","customElement","ref","LitMenuBaseElement","M2MUserMenu","clear","window","location","reload","expanded","handleToggleDrawer","listRef","users","handleLogout"],"sources":["src/m2m-user-menu.ts"],"sourcesContent":["import { m2mAuthTokenApi } from \"./storage/client\";\nimport { domains } from \"./domains\";\nimport { html } from \"lit\";\nimport { customElement } from \"lit/decorators.js\";\nimport { ref } from \"lit/directives/ref.js\";\nimport { LitMenuBaseElement } from \"./LitMenuBaseElement\";\n\n@customElement(\"m2m-user-menu\")\nexport class M2MUserMenu extends LitMenuBaseElement {\n handleLogout = () => {\n m2mAuthTokenApi.clear();\n window.location.reload();\n };\n\n render() {\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=\"32px\" height=\"32px\" fill=\"#000000\">\n <path d=\"M0 0h24v24H0z\" fill=\"none\" />\n <path\n d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 3c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm0 14.2c-2.5 0-4.71-1.28-6-3.22.03-1.99 4-3.08 6-3.08 1.99 0 5.97 1.09 6 3.08-1.29 1.94-3.5 3.22-6 3.22z\"\n />\n </svg>\n </button>\n <ul\n ${ref(this.listRef)}\n id=\"m2m-user-menu__navigation-drawer\"\n aria-hidden=${!this.expanded}\n class=\"navigation-drawer\"\n >\n <li><a href=\"${domains.users}\">アカウント情報</a></li>\n <li @click=${this.handleLogout}>\n <button type=\"button\">ログアウト</button>\n </li>\n </ul>\n </nav>`;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n \"m2m-user-menu\": M2MUserMenu;\n }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAASA,eAAT,QAAgC,kBAAhC;AACA,SAASC,OAAT,QAAwB,WAAxB;AACA,SAASC,IAAT,QAAqB,KAArB;AACA,SAASC,aAAT,QAA8B,mBAA9B;AACA,SAASC,GAAT,QAAoB,uBAApB;AACA,SAASC,kBAAT,QAAmC,sBAAnC;AAGA,WAAaC,WAAb,cADCH,aAAa,CAAC,eAAD,CACd;EADA,MACaG,WADb,6BACoD;IAAA;MAAA;;MAAA;IAAA;;EAAA;;EAApD;IAAA,GAAaA,WAAb;IAAA;MAAA;MAAA;;MAAA;QAAA,OACiB,MAAM;UACnBN,eAAe,CAACO,KAAhB;UACAC,MAAM,CAACC,QAAP,CAAgBC,MAAhB;QACD,CAJH;MAAA;;IAAA;MAAA;MAAA;MAAA,OAME,kBAAS;QACP,OAAOR,IAAP,ynCAKoB,KAAKS,QALzB,EAMa,KAAKC,kBANlB,EAgBMR,GAAG,CAAC,KAAKS,OAAN,CAhBT,EAkBkB,CAAC,KAAKF,QAlBxB,EAqBmBV,OAAO,CAACa,KArB3B,EAsBiB,KAAKC,YAtBtB;MA2BD;IAlCH;EAAA;AAAA,GAAiCV,kBAAjC"}
|
package/package.json
CHANGED
package/storage/useM2mAuth.d.ts
CHANGED
|
@@ -7,9 +7,13 @@ declare type AuthenticationState = {
|
|
|
7
7
|
token: string;
|
|
8
8
|
authenticated: boolean;
|
|
9
9
|
login: (input: LoginInput) => Promise<{
|
|
10
|
+
token?: string;
|
|
10
11
|
error?: Error;
|
|
11
12
|
}>;
|
|
12
13
|
logout: () => void;
|
|
14
|
+
updateToken: (token: string) => Promise<{
|
|
15
|
+
error?: Error;
|
|
16
|
+
}>;
|
|
13
17
|
};
|
|
14
18
|
export declare const M2mAuthenticationProvider: ({ children, }: {
|
|
15
19
|
children: React.ReactNode;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useM2mAuth.d.ts","sourceRoot":"","sources":["../src/storage/useM2mAuth.tsx"],"names":[],"mappings":"AAAA,OAAO,KAON,MAAM,OAAO,CAAC;AAKf,UAAU,UAAU;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,aAAK,mBAAmB,GAAG;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,OAAO,CAAC;IACvB,KAAK,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,OAAO,CAAC;QAAE,KAAK,CAAC,EAAE,KAAK,CAAA;KAAE,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"useM2mAuth.d.ts","sourceRoot":"","sources":["../src/storage/useM2mAuth.tsx"],"names":[],"mappings":"AAAA,OAAO,KAON,MAAM,OAAO,CAAC;AAKf,UAAU,UAAU;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,aAAK,mBAAmB,GAAG;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,OAAO,CAAC;IACvB,KAAK,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,OAAO,CAAC;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,KAAK,CAAA;KAAE,CAAC,CAAC;IACzE,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;QAAE,KAAK,CAAC,EAAE,KAAK,CAAA;KAAE,CAAC,CAAC;CAC5D,CAAC;AAeF,eAAO,MAAM,yBAAyB;cAG1B,MAAM,SAAS;iBAsE1B,CAAC;AAEF,eAAO,MAAM,OAAO,2BAMnB,CAAC"}
|
package/storage/useM2mAuth.js
CHANGED
|
@@ -1,9 +1,3 @@
|
|
|
1
|
-
var _excluded = ["data"];
|
|
2
|
-
|
|
3
|
-
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
4
|
-
|
|
5
|
-
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
6
|
-
|
|
7
1
|
function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
|
|
8
2
|
|
|
9
3
|
function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
|
|
@@ -45,14 +39,13 @@ export var M2mAuthenticationProvider = _ref => {
|
|
|
45
39
|
}, [tryCheckAuth]);
|
|
46
40
|
var login = useCallback( /*#__PURE__*/function () {
|
|
47
41
|
var _ref3 = _asyncToGenerator(function* (input) {
|
|
48
|
-
var
|
|
42
|
+
var {
|
|
43
|
+
data,
|
|
44
|
+
error
|
|
45
|
+
} = yield fetcher(m2mUsers_v1_login(), {
|
|
49
46
|
method: "POST",
|
|
50
47
|
body: JSON.stringify(input)
|
|
51
|
-
})
|
|
52
|
-
{
|
|
53
|
-
data
|
|
54
|
-
} = _yield$fetcher,
|
|
55
|
-
fetcherResult = _objectWithoutProperties(_yield$fetcher, _excluded);
|
|
48
|
+
});
|
|
56
49
|
|
|
57
50
|
if (data) {
|
|
58
51
|
var authToken = data.accessToken;
|
|
@@ -60,7 +53,10 @@ export var M2mAuthenticationProvider = _ref => {
|
|
|
60
53
|
setToken(authToken);
|
|
61
54
|
}
|
|
62
55
|
|
|
63
|
-
return
|
|
56
|
+
return {
|
|
57
|
+
error,
|
|
58
|
+
token: data ? data.accessToken : undefined
|
|
59
|
+
};
|
|
64
60
|
});
|
|
65
61
|
|
|
66
62
|
return function (_x) {
|
|
@@ -71,14 +67,34 @@ export var M2mAuthenticationProvider = _ref => {
|
|
|
71
67
|
m2mAuthTokenApi.clear();
|
|
72
68
|
window.location.reload();
|
|
73
69
|
}, []);
|
|
70
|
+
var updateToken = useCallback( /*#__PURE__*/function () {
|
|
71
|
+
var _ref4 = _asyncToGenerator(function* (token) {
|
|
72
|
+
if (checkJwtExpiration(token)) {
|
|
73
|
+
return {
|
|
74
|
+
error: new Error("M2MAuthToken is expired")
|
|
75
|
+
};
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
yield m2mAuthTokenApi.set(token);
|
|
79
|
+
setToken(token);
|
|
80
|
+
return {
|
|
81
|
+
error: undefined
|
|
82
|
+
};
|
|
83
|
+
});
|
|
84
|
+
|
|
85
|
+
return function (_x2) {
|
|
86
|
+
return _ref4.apply(this, arguments);
|
|
87
|
+
};
|
|
88
|
+
}(), []);
|
|
74
89
|
var state = useMemo(() => {
|
|
75
90
|
return {
|
|
76
91
|
login,
|
|
77
92
|
logout,
|
|
78
93
|
token,
|
|
79
|
-
authenticated
|
|
94
|
+
authenticated,
|
|
95
|
+
updateToken
|
|
80
96
|
};
|
|
81
|
-
}, [authenticated, login, logout, token]);
|
|
97
|
+
}, [authenticated, login, logout, token, updateToken]);
|
|
82
98
|
return /*#__PURE__*/_jsx(AuthenticationContext.Provider, {
|
|
83
99
|
value: state,
|
|
84
100
|
children: children
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useM2mAuth.js","names":["React","createContext","useCallback","useContext","useEffect","useMemo","useState","fetcher","m2mAuthTokenApi","login","m2mUsers_v1_login","AuthenticationContext","undefined","checkJwtExpiration","jwt","splitted","split","length","payload","exp","JSON","parse","atob","Date","M2mAuthenticationProvider","children","token","setToken","getCache","authenticated","tryCheckAuth","authToken","get","clear","set","input","
|
|
1
|
+
{"version":3,"file":"useM2mAuth.js","names":["React","createContext","useCallback","useContext","useEffect","useMemo","useState","fetcher","m2mAuthTokenApi","login","m2mUsers_v1_login","AuthenticationContext","undefined","checkJwtExpiration","jwt","splitted","split","length","payload","exp","JSON","parse","atob","Date","M2mAuthenticationProvider","children","token","setToken","getCache","authenticated","tryCheckAuth","authToken","get","clear","set","input","data","error","method","body","stringify","accessToken","logout","window","location","reload","updateToken","Error","state","useAuth","ctx"],"sources":["../src/storage/useM2mAuth.tsx"],"sourcesContent":["import React, {\n createContext,\n useCallback,\n useContext,\n useEffect,\n useMemo,\n useState,\n} from \"react\";\nimport { fetcher } from \"matsuri-hooks\";\nimport { m2mAuthTokenApi } from \"./client\";\nimport { login as m2mUsers_v1_login } from \"../endpoints/m2m-users.v1\";\n\ninterface LoginInput {\n email: string;\n password: string;\n}\n\ntype AuthenticationState = {\n token: string;\n authenticated: boolean;\n login: (input: LoginInput) => Promise<{ token?: string; error?: Error }>;\n logout: () => void;\n updateToken: (token: string) => Promise<{ error?: Error }>;\n};\n\nconst AuthenticationContext = createContext<AuthenticationState | undefined>(\n undefined\n);\n\nconst checkJwtExpiration = (jwt: string): boolean => {\n const splitted = jwt.split(\".\");\n if (splitted.length !== 3) return false;\n\n const [, payload] = splitted;\n const exp = JSON.parse(atob(payload))[\"exp\"];\n return new Date() < new Date(exp * 1000);\n};\n\nexport const M2mAuthenticationProvider = ({\n children,\n}: {\n children: React.ReactNode;\n}) => {\n const [token, setToken] = useState(m2mAuthTokenApi.getCache() || \"\");\n\n const authenticated = useMemo(() => !!token, [token]);\n\n const tryCheckAuth = useCallback(async () => {\n const authToken = await m2mAuthTokenApi.get();\n if (!(authToken && checkJwtExpiration(authToken))) {\n m2mAuthTokenApi.clear();\n setToken(\"\");\n } else {\n m2mAuthTokenApi.set(authToken);\n setToken(authToken);\n }\n }, []);\n\n useEffect(() => {\n tryCheckAuth();\n }, [tryCheckAuth]);\n\n const login = useCallback(async (input: LoginInput) => {\n const { data, error } = await fetcher<{\n accessToken: string;\n }>(m2mUsers_v1_login(), {\n method: \"POST\",\n body: JSON.stringify(input),\n });\n if (data) {\n const authToken = data.accessToken;\n\n m2mAuthTokenApi.set(authToken);\n setToken(authToken);\n }\n return {\n error,\n token: data ? data.accessToken : undefined,\n };\n }, []);\n\n const logout = useCallback(() => {\n 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":"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"}
|