@thairath/tr-design-system 0.2.20 → 0.2.21

package/dist/index.cjs

@@ -5659,81 +5659,154 @@ var Avatar = _ref => {
 function _EMOTION_STRINGIFIED_CSS_ERROR__$3() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 // src/components/molecules/ProfileMenu/styles/profileMenuStyle.tsx
 
-var TRO_DropdownMenuWithMember = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
-  target: "e1qdt4t62"
-} : {
-  target: "e1qdt4t62",
-  label: "TRO_DropdownMenuWithMember"
-})(process.env.NODE_ENV === "production" ? {
-  name: "ud4w6i",
-  styles: "position:absolute;top:40px;right:-30px;min-width:230px;background-color:#ffffff;box-shadow:0 0 12px rgb(0 0 0 / 30%);border-radius:var(--border-radius-2xs)"
-} : {
-  name: "ud4w6i",
-  styles: "position:absolute;top:40px;right:-30px;min-width:230px;background-color:#ffffff;box-shadow:0 0 12px rgb(0 0 0 / 30%);border-radius:var(--border-radius-2xs)/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInByb2ZpbGVNZW51U3R5bGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVxRCIsImZpbGUiOiJwcm9maWxlTWVudVN0eWxlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8vIHNyYy9jb21wb25lbnRzL21vbGVjdWxlcy9Qcm9maWxlTWVudS9zdHlsZXMvcHJvZmlsZU1lbnVTdHlsZS50c3hcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuZXhwb3J0IGNvbnN0IFRST19Ecm9wZG93bk1lbnVXaXRoTWVtYmVyID0gc3R5bGVkLmRpdiBgXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuXHR0b3A6IDQwcHg7XG5cdHJpZ2h0OiAtMzBweDtcblx0bWluLXdpZHRoOiAyMzBweDtcblx0YmFja2dyb3VuZC1jb2xvcjogI2ZmZmZmZjtcblx0Ym94LXNoYWRvdzogMCAwIDEycHggcmdiKDAgMCAwIC8gMzAlKTtcblx0Ym9yZGVyLXJhZGl1czogdmFyKC0tYm9yZGVyLXJhZGl1cy0yeHMpO1xuYDtcbmV4cG9ydCBjb25zdCBUUk9fTXlQcm9maWxlID0gc3R5bGVkLnVsIGBcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuICAgIHBhZGRpbmc6IHZhcigtLWdhcC1tZCk7XG5cdGJhY2tncm91bmQtY29sb3I6ICNmZmZmZmY7XG5cdGRpc3BsYXk6IGdyaWQ7XG5cdGFsaWduLWNvbnRlbnQ6IGNlbnRlcjtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0Z3JpZC1nYXA6IHZhcigtLWdhcC1tZCk7XG5cdGxpc3Qtc3R5bGU6IG5vbmU7XG5cdG1hcmdpbi10b3A6IDA7XG5cdG1hcmdpbi1ib3R0b206IDA7XG5gO1xuZXhwb3J0IGNvbnN0IFRST19NeVByb2ZpbGVMaXN0ID0gc3R5bGVkLmxpIGBcblx0ZGlzcGxheTogZmxleDtcblx0YWxpZ24tY29udGVudDogY2VudGVyO1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXG5cdGEsIC5sb2dvdXQge1xuICAgICAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG5cdFx0ZGlzcGxheTogZ3JpZDtcblx0XHRncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDE2cHggMWZyO1xuXHRcdGdyaWQtZ2FwOiAxNXB4O1xuXHRcdGxpbmUtaGVpZ2h0OiAxO1xuXHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdFx0LnN2Zy1pY29uIHtcblx0XHRcdGRpc3BsYXk6IGdyaWQ7XG5cdFx0fVxuXHRcdHN2ZyB7XG5cdFx0XHRtYXgtd2lkdGg6IDE4cHg7XG5cdFx0XHRtYXgtaGVpZ2h0OiAxOHB4O1xuXHRcdH1cblxuXHRcdGgzIHtcblx0XHRcdGZvbnQtZmFtaWx5OiBcIkthTGFUZVhhIERpc3BsYXlcIjtcblx0XHRcdGZvbnQtd2VpZ2h0OiBib2xkO1xuXHRcdFx0Zm9udC1zaXplOiAxNnB4O1xuXHRcdFx0bWFyZ2luOiAwO1xuXHRcdFx0Y29sb3I6ICM1MDUwNTA7XG5cdFx0XHRwYWRkaW5nOiAwO1xuXHRcdH1cblx0fVxuYDtcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPXByb2ZpbGVNZW51U3R5bGUuanN4Lm1hcCJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__$3
-});
-var TRO_MyProfile = /*#__PURE__*/_styled("ul", process.env.NODE_ENV === "production" ? {
+var MenuSSOIcon = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "e1qdt4t61"
 } : {
   target: "e1qdt4t61",
-  label: "TRO_MyProfile"
+  label: "MenuSSOIcon"
 })(process.env.NODE_ENV === "production" ? {
-  name: "4fkp72",
-  styles: "position:relative;padding:var(--gap-md);background-color:#ffffff;display:grid;align-content:center;align-items:center;grid-gap:var(--gap-md);list-style:none;margin-top:0;margin-bottom:0"
+  name: "tgfzdz",
+  styles: "display:flex;align-items:center;align-content:center;position:relative;gap:8px;cursor:pointer;.text-link{display:none;}button{all:unset;box-sizing:border-box;display:grid;place-content:center;cursor:pointer;}.__profile--icon{aspect-ratio:1/1;width:32px;height:32px;img{width:32px;height:32px;border-radius:50%;object-fit:cover;}}.__badge-icon{position:absolute;top:-8px;right:-8px;display:grid;img,svg{width:20px;height:20px;border-radius:30px;object-fit:cover;border:none;}}@media (min-width: 768px){.text-link{display:flex;}}"
 } : {
-  name: "4fkp72",
-  styles: "position:relative;padding:var(--gap-md);background-color:#ffffff;display:grid;align-content:center;align-items:center;grid-gap:var(--gap-md);list-style:none;margin-top:0;margin-bottom:0/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInByb2ZpbGVNZW51U3R5bGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVd1QyIsImZpbGUiOiJwcm9maWxlTWVudVN0eWxlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8vIHNyYy9jb21wb25lbnRzL21vbGVjdWxlcy9Qcm9maWxlTWVudS9zdHlsZXMvcHJvZmlsZU1lbnVTdHlsZS50c3hcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuZXhwb3J0IGNvbnN0IFRST19Ecm9wZG93bk1lbnVXaXRoTWVtYmVyID0gc3R5bGVkLmRpdiBgXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuXHR0b3A6IDQwcHg7XG5cdHJpZ2h0OiAtMzBweDtcblx0bWluLXdpZHRoOiAyMzBweDtcblx0YmFja2dyb3VuZC1jb2xvcjogI2ZmZmZmZjtcblx0Ym94LXNoYWRvdzogMCAwIDEycHggcmdiKDAgMCAwIC8gMzAlKTtcblx0Ym9yZGVyLXJhZGl1czogdmFyKC0tYm9yZGVyLXJhZGl1cy0yeHMpO1xuYDtcbmV4cG9ydCBjb25zdCBUUk9fTXlQcm9maWxlID0gc3R5bGVkLnVsIGBcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuICAgIHBhZGRpbmc6IHZhcigtLWdhcC1tZCk7XG5cdGJhY2tncm91bmQtY29sb3I6ICNmZmZmZmY7XG5cdGRpc3BsYXk6IGdyaWQ7XG5cdGFsaWduLWNvbnRlbnQ6IGNlbnRlcjtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0Z3JpZC1nYXA6IHZhcigtLWdhcC1tZCk7XG5cdGxpc3Qtc3R5bGU6IG5vbmU7XG5cdG1hcmdpbi10b3A6IDA7XG5cdG1hcmdpbi1ib3R0b206IDA7XG5gO1xuZXhwb3J0IGNvbnN0IFRST19NeVByb2ZpbGVMaXN0ID0gc3R5bGVkLmxpIGBcblx0ZGlzcGxheTogZmxleDtcblx0YWxpZ24tY29udGVudDogY2VudGVyO1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXG5cdGEsIC5sb2dvdXQge1xuICAgICAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG5cdFx0ZGlzcGxheTogZ3JpZDtcblx0XHRncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDE2cHggMWZyO1xuXHRcdGdyaWQtZ2FwOiAxNXB4O1xuXHRcdGxpbmUtaGVpZ2h0OiAxO1xuXHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdFx0LnN2Zy1pY29uIHtcblx0XHRcdGRpc3BsYXk6IGdyaWQ7XG5cdFx0fVxuXHRcdHN2ZyB7XG5cdFx0XHRtYXgtd2lkdGg6IDE4cHg7XG5cdFx0XHRtYXgtaGVpZ2h0OiAxOHB4O1xuXHRcdH1cblxuXHRcdGgzIHtcblx0XHRcdGZvbnQtZmFtaWx5OiBcIkthTGFUZVhhIERpc3BsYXlcIjtcblx0XHRcdGZvbnQtd2VpZ2h0OiBib2xkO1xuXHRcdFx0Zm9udC1zaXplOiAxNnB4O1xuXHRcdFx0bWFyZ2luOiAwO1xuXHRcdFx0Y29sb3I6ICM1MDUwNTA7XG5cdFx0XHRwYWRkaW5nOiAwO1xuXHRcdH1cblx0fVxuYDtcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPXByb2ZpbGVNZW51U3R5bGUuanN4Lm1hcCJdfQ== */",
+  name: "tgfzdz",
+  styles: "display:flex;align-items:center;align-content:center;position:relative;gap:8px;cursor:pointer;.text-link{display:none;}button{all:unset;box-sizing:border-box;display:grid;place-content:center;cursor:pointer;}.__profile--icon{aspect-ratio:1/1;width:32px;height:32px;img{width:32px;height:32px;border-radius:50%;object-fit:cover;}}.__badge-icon{position:absolute;top:-8px;right:-8px;display:grid;img,svg{width:20px;height:20px;border-radius:30px;object-fit:cover;border:none;}}@media (min-width: 768px){.text-link{display:flex;}}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInByb2ZpbGVNZW51U3R5bGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVzQyIsImZpbGUiOiJwcm9maWxlTWVudVN0eWxlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8vIHNyYy9jb21wb25lbnRzL21vbGVjdWxlcy9Qcm9maWxlTWVudS9zdHlsZXMvcHJvZmlsZU1lbnVTdHlsZS50c3hcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuZXhwb3J0IGNvbnN0IE1lbnVTU09JY29uID0gc3R5bGVkLmRpdiBgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGFsaWduLWNvbnRlbnQ6IGNlbnRlcjtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBnYXA6IDhweDtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICAudGV4dC1saW5rIHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG4gIGJ1dHRvbiB7XG4gICAgYWxsOiB1bnNldDtcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgcGxhY2UtY29udGVudDogY2VudGVyO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgfVxuICAuX19wcm9maWxlLS1pY29uIHtcbiAgICBhc3BlY3QtcmF0aW86IDEvMTtcbiAgICB3aWR0aDogMzJweDtcbiAgICBoZWlnaHQ6IDMycHg7XG4gICAgaW1nIHtcbiAgICAgIHdpZHRoOiAzMnB4O1xuICAgICAgaGVpZ2h0OiAzMnB4O1xuICAgICAgYm9yZGVyLXJhZGl1czogNTAlO1xuICAgICAgb2JqZWN0LWZpdDogY292ZXI7XG4gICAgfVxuICB9XG4gIC5fX2JhZGdlLWljb24ge1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB0b3A6IC04cHg7XG4gICAgcmlnaHQ6IC04cHg7XG4gICAgZGlzcGxheTogZ3JpZDtcbiAgICBpbWcsXG4gICAgc3ZnIHtcbiAgICAgIHdpZHRoOiAyMHB4O1xuICAgICAgaGVpZ2h0OiAyMHB4O1xuICAgICAgYm9yZGVyLXJhZGl1czogMzBweDtcbiAgICAgIG9iamVjdC1maXQ6IGNvdmVyO1xuICAgICAgYm9yZGVyOiBub25lO1xuICAgIH1cbiAgfVxuICBAbWVkaWEgKG1pbi13aWR0aDogNzY4cHgpIHtcbiAgICAudGV4dC1saW5rIHtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgfVxuICB9XG5gO1xuZXhwb3J0IGNvbnN0IE1lbnVTU08gPSBzdHlsZWQuZGl2IGBcbiAgcG9zaXRpb246IGZpeGVkO1xuICB3aWR0aDogMTAwZHZ3O1xuICBoZWlnaHQ6IDEwMGR2aDtcbiAgcGFkZGluZzogMTZweDtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZjtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG4gIGFsaWduLXNlbGY6IHN0cmV0Y2g7XG4gIHRvcDogMDtcbiAgbGVmdDogMDtcbiAgei1pbmRleDogOTk5O1xuICBvdmVyZmxvdy15OiBhdXRvO1xuICBidXR0b24ge1xuICAgIGFsbDogdW5zZXQ7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICBkaXNwbGF5OiBncmlkO1xuICAgIHBsYWNlLWNvbnRlbnQ6IGNlbnRlcjtcbiAgICB3aWR0aDogMjRweDtcbiAgICBoZWlnaHQ6IDI0cHg7XG4gICAgYXNwZWN0LXJhdGlvOiAxLzE7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIG1hcmdpbi1sZWZ0OiBhdXRvO1xuICB9XG4gIHVsIHtcbiAgICBhbGw6IHVuc2V0O1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGxpIHtcbiAgICAgIGFsbDogdW5zZXQ7XG4gICAgfVxuICB9XG4gIGEge1xuICAgIGRpc3BsYXk6IGdyaWQgIWltcG9ydGFudDtcbiAgICBwYWRkaW5nOiAxNnB4IDA7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBqdXN0aWZ5LWl0ZW1zOiBpbmhlcml0O1xuICAgIGdyaWQtZ2FwOiA4cHg7XG4gICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAyNHB4IDFmcjtcbiAgICBjb2xvcjogdmFyKC0tUHJpbWFyeS1CbGFjaywgIzAwMCk7XG4gICAgaGVpZ2h0OiBhdXRvO1xuICAgIGZvbnQtZmFtaWx5OiBcIkdyYXBoaWstVEgtUmVndWxhclwiO1xuICAgIGZvbnQtc2l6ZTogMTZweDtcbiAgICBmb250LXN0eWxlOiBub3JtYWw7XG4gICAgZm9udC13ZWlnaHQ6IDQwMDtcbiAgICBsaW5lLWhlaWdodDogMTMwJTsgLyogMjAuOHB4ICovXG4gICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICNlNmU2ZTY7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIHRyYW5zaXRpb246IGNvbG9yIDAuMnMgZWFzZTtcbiAgICBzdmcge1xuICAgICAgbWFyZ2luOiBhdXRvO1xuICAgICAgd2lkdGg6IGF1dG87XG4gICAgICBwYXRoIHtcbiAgICAgICAgdHJhbnNpdGlvbjogZmlsbCAwLjJzIGVhc2U7XG4gICAgICB9XG4gICAgfVxuICAgICY6aG92ZXIge1xuICAgICAgY29sb3I6ICMwMGI0MDA7XG4gICAgICBzdmcgcGF0aCB7XG4gICAgICAgIGZpbGw6ICMwMGI0MDA7XG4gICAgICB9XG4gICAgfVxuICB9XG4gIEBtZWRpYSAobWluLXdpZHRoOiA3NjhweCkge1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB3aWR0aDogMjEwcHg7XG4gICAgaGVpZ2h0OiBhdXRvO1xuICAgIGxlZnQ6IGF1dG87XG4gICAgcmlnaHQ6IDA7XG4gICAgdG9wOiA0MHB4O1xuICAgIGJvcmRlci1yYWRpdXM6IDEycHg7XG4gICAgYmFja2dyb3VuZDogdmFyKC0tUHJpbWFyeS1XaGl0ZSwgI2ZmZik7XG4gICAgYm94LXNoYWRvdzogMCAwIDVweCAwIHJnYmEoMCwgMCwgMCwgMC4yNSk7XG4gICAgYnV0dG9uIHtcbiAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxuICAgIHVsIHtcbiAgICAgIGxpIHtcbiAgICAgICAgJjpmaXJzdC1vZi10eXBlIHtcbiAgICAgICAgICBhIHtcbiAgICAgICAgICAgIHBhZGRpbmctdG9wOiAwO1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgICAmOmxhc3Qtb2YtdHlwZSB7XG4gICAgICAgICAgYSB7XG4gICAgICAgICAgICBib3JkZXItYm90dG9tOiBub25lO1xuICAgICAgICAgICAgcGFkZGluZy1ib3R0b206IDA7XG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuICB9XG5gO1xuLy8jIHNvdXJjZU1hcHBpbmdVUkw9cHJvZmlsZU1lbnVTdHlsZS5qc3gubWFwIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__$3
 });
-var TRO_MyProfileList = /*#__PURE__*/_styled("li", process.env.NODE_ENV === "production" ? {
+var MenuSSO = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "e1qdt4t60"
 } : {
   target: "e1qdt4t60",
-  label: "TRO_MyProfileList"
+  label: "MenuSSO"
 })(process.env.NODE_ENV === "production" ? {
-  name: "yv5ho3",
-  styles: "display:flex;align-content:center;align-items:center;a,.logout{text-decoration:none;display:grid;grid-template-columns:16px 1fr;grid-gap:15px;line-height:1;align-items:center;.svg-icon{display:grid;}svg{max-width:18px;max-height:18px;}h3{font-family:\"KaLaTeXa Display\";font-weight:bold;font-size:16px;margin:0;color:#505050;padding:0;}}"
+  name: "1han1h9",
+  styles: "position:fixed;width:100dvw;height:100dvh;padding:16px;background-color:#fff;display:flex;flex-direction:column;align-items:flex-start;align-self:stretch;top:0;left:0;z-index:999;overflow-y:auto;button{all:unset;box-sizing:border-box;display:grid;place-content:center;width:24px;height:24px;aspect-ratio:1/1;cursor:pointer;margin-left:auto;}ul{all:unset;width:100%;li{all:unset;}}a{display:grid!important;padding:16px 0;align-items:center;justify-items:inherit;grid-gap:8px;grid-template-columns:24px 1fr;color:var(--Primary-Black, #000);height:auto;font-family:\"Graphik-TH-Regular\";font-size:16px;font-style:normal;font-weight:400;line-height:130%;border-bottom:1px solid #e6e6e6;cursor:pointer;transition:color 0.2s ease;svg{margin:auto;width:auto;path{transition:fill 0.2s ease;}}&:hover{color:#00b400;svg path{fill:#00b400;}}}@media (min-width: 768px){position:absolute;width:210px;height:auto;left:auto;right:0;top:40px;border-radius:12px;background:var(--Primary-White, #fff);box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.25);button{display:none;}ul{li{&:first-of-type{a{padding-top:0;}}&:last-of-type{a{border-bottom:none;padding-bottom:0;}}}}}"
 } : {
-  name: "yv5ho3",
-  styles: "display:flex;align-content:center;align-items:center;a,.logout{text-decoration:none;display:grid;grid-template-columns:16px 1fr;grid-gap:15px;line-height:1;align-items:center;.svg-icon{display:grid;}svg{max-width:18px;max-height:18px;}h3{font-family:\"KaLaTeXa Display\";font-weight:bold;font-size:16px;margin:0;color:#505050;padding:0;}}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInByb2ZpbGVNZW51U3R5bGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVCMkMiLCJmaWxlIjoicHJvZmlsZU1lbnVTdHlsZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvLyBzcmMvY29tcG9uZW50cy9tb2xlY3VsZXMvUHJvZmlsZU1lbnUvc3R5bGVzL3Byb2ZpbGVNZW51U3R5bGUudHN4XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmV4cG9ydCBjb25zdCBUUk9fRHJvcGRvd25NZW51V2l0aE1lbWJlciA9IHN0eWxlZC5kaXYgYFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0dG9wOiA0MHB4O1xuXHRyaWdodDogLTMwcHg7XG5cdG1pbi13aWR0aDogMjMwcHg7XG5cdGJhY2tncm91bmQtY29sb3I6ICNmZmZmZmY7XG5cdGJveC1zaGFkb3c6IDAgMCAxMnB4IHJnYigwIDAgMCAvIDMwJSk7XG5cdGJvcmRlci1yYWRpdXM6IHZhcigtLWJvcmRlci1yYWRpdXMtMnhzKTtcbmA7XG5leHBvcnQgY29uc3QgVFJPX015UHJvZmlsZSA9IHN0eWxlZC51bCBgXG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBwYWRkaW5nOiB2YXIoLS1nYXAtbWQpO1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmZmZmO1xuXHRkaXNwbGF5OiBncmlkO1xuXHRhbGlnbi1jb250ZW50OiBjZW50ZXI7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGdyaWQtZ2FwOiB2YXIoLS1nYXAtbWQpO1xuXHRsaXN0LXN0eWxlOiBub25lO1xuXHRtYXJnaW4tdG9wOiAwO1xuXHRtYXJnaW4tYm90dG9tOiAwO1xuYDtcbmV4cG9ydCBjb25zdCBUUk9fTXlQcm9maWxlTGlzdCA9IHN0eWxlZC5saSBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGFsaWduLWNvbnRlbnQ6IGNlbnRlcjtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblxuXHRhLCAubG9nb3V0IHtcbiAgICAgICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuXHRcdGRpc3BsYXk6IGdyaWQ7XG5cdFx0Z3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxNnB4IDFmcjtcblx0XHRncmlkLWdhcDogMTVweDtcblx0XHRsaW5lLWhlaWdodDogMTtcblx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdC5zdmctaWNvbiB7XG5cdFx0XHRkaXNwbGF5OiBncmlkO1xuXHRcdH1cblx0XHRzdmcge1xuXHRcdFx0bWF4LXdpZHRoOiAxOHB4O1xuXHRcdFx0bWF4LWhlaWdodDogMThweDtcblx0XHR9XG5cblx0XHRoMyB7XG5cdFx0XHRmb250LWZhbWlseTogXCJLYUxhVGVYYSBEaXNwbGF5XCI7XG5cdFx0XHRmb250LXdlaWdodDogYm9sZDtcblx0XHRcdGZvbnQtc2l6ZTogMTZweDtcblx0XHRcdG1hcmdpbjogMDtcblx0XHRcdGNvbG9yOiAjNTA1MDUwO1xuXHRcdFx0cGFkZGluZzogMDtcblx0XHR9XG5cdH1cbmA7XG4vLyMgc291cmNlTWFwcGluZ1VSTD1wcm9maWxlTWVudVN0eWxlLmpzeC5tYXAiXX0= */",
+  name: "1han1h9",
+  styles: "position:fixed;width:100dvw;height:100dvh;padding:16px;background-color:#fff;display:flex;flex-direction:column;align-items:flex-start;align-self:stretch;top:0;left:0;z-index:999;overflow-y:auto;button{all:unset;box-sizing:border-box;display:grid;place-content:center;width:24px;height:24px;aspect-ratio:1/1;cursor:pointer;margin-left:auto;}ul{all:unset;width:100%;li{all:unset;}}a{display:grid!important;padding:16px 0;align-items:center;justify-items:inherit;grid-gap:8px;grid-template-columns:24px 1fr;color:var(--Primary-Black, #000);height:auto;font-family:\"Graphik-TH-Regular\";font-size:16px;font-style:normal;font-weight:400;line-height:130%;border-bottom:1px solid #e6e6e6;cursor:pointer;transition:color 0.2s ease;svg{margin:auto;width:auto;path{transition:fill 0.2s ease;}}&:hover{color:#00b400;svg path{fill:#00b400;}}}@media (min-width: 768px){position:absolute;width:210px;height:auto;left:auto;right:0;top:40px;border-radius:12px;background:var(--Primary-White, #fff);box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.25);button{display:none;}ul{li{&:first-of-type{a{padding-top:0;}}&:last-of-type{a{border-bottom:none;padding-bottom:0;}}}}}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInByb2ZpbGVNZW51U3R5bGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtEa0MiLCJmaWxlIjoicHJvZmlsZU1lbnVTdHlsZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvLyBzcmMvY29tcG9uZW50cy9tb2xlY3VsZXMvUHJvZmlsZU1lbnUvc3R5bGVzL3Byb2ZpbGVNZW51U3R5bGUudHN4XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmV4cG9ydCBjb25zdCBNZW51U1NPSWNvbiA9IHN0eWxlZC5kaXYgYFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBhbGlnbi1jb250ZW50OiBjZW50ZXI7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgZ2FwOiA4cHg7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgLnRleHQtbGluayB7XG4gICAgZGlzcGxheTogbm9uZTtcbiAgfVxuICBidXR0b24ge1xuICAgIGFsbDogdW5zZXQ7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICBkaXNwbGF5OiBncmlkO1xuICAgIHBsYWNlLWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gIH1cbiAgLl9fcHJvZmlsZS0taWNvbiB7XG4gICAgYXNwZWN0LXJhdGlvOiAxLzE7XG4gICAgd2lkdGg6IDMycHg7XG4gICAgaGVpZ2h0OiAzMnB4O1xuICAgIGltZyB7XG4gICAgICB3aWR0aDogMzJweDtcbiAgICAgIGhlaWdodDogMzJweDtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgICAgIG9iamVjdC1maXQ6IGNvdmVyO1xuICAgIH1cbiAgfVxuICAuX19iYWRnZS1pY29uIHtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiAtOHB4O1xuICAgIHJpZ2h0OiAtOHB4O1xuICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgaW1nLFxuICAgIHN2ZyB7XG4gICAgICB3aWR0aDogMjBweDtcbiAgICAgIGhlaWdodDogMjBweDtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDMwcHg7XG4gICAgICBvYmplY3QtZml0OiBjb3ZlcjtcbiAgICAgIGJvcmRlcjogbm9uZTtcbiAgICB9XG4gIH1cbiAgQG1lZGlhIChtaW4td2lkdGg6IDc2OHB4KSB7XG4gICAgLnRleHQtbGluayB7XG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgIH1cbiAgfVxuYDtcbmV4cG9ydCBjb25zdCBNZW51U1NPID0gc3R5bGVkLmRpdiBgXG4gIHBvc2l0aW9uOiBmaXhlZDtcbiAgd2lkdGg6IDEwMGR2dztcbiAgaGVpZ2h0OiAxMDBkdmg7XG4gIHBhZGRpbmc6IDE2cHg7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmZmY7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuICBhbGlnbi1zZWxmOiBzdHJldGNoO1xuICB0b3A6IDA7XG4gIGxlZnQ6IDA7XG4gIHotaW5kZXg6IDk5OTtcbiAgb3ZlcmZsb3cteTogYXV0bztcbiAgYnV0dG9uIHtcbiAgICBhbGw6IHVuc2V0O1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgZGlzcGxheTogZ3JpZDtcbiAgICBwbGFjZS1jb250ZW50OiBjZW50ZXI7XG4gICAgd2lkdGg6IDI0cHg7XG4gICAgaGVpZ2h0OiAyNHB4O1xuICAgIGFzcGVjdC1yYXRpbzogMS8xO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBtYXJnaW4tbGVmdDogYXV0bztcbiAgfVxuICB1bCB7XG4gICAgYWxsOiB1bnNldDtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBsaSB7XG4gICAgICBhbGw6IHVuc2V0O1xuICAgIH1cbiAgfVxuICBhIHtcbiAgICBkaXNwbGF5OiBncmlkICFpbXBvcnRhbnQ7XG4gICAgcGFkZGluZzogMTZweCAwO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAganVzdGlmeS1pdGVtczogaW5oZXJpdDtcbiAgICBncmlkLWdhcDogOHB4O1xuICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogMjRweCAxZnI7XG4gICAgY29sb3I6IHZhcigtLVByaW1hcnktQmxhY2ssICMwMDApO1xuICAgIGhlaWdodDogYXV0bztcbiAgICBmb250LWZhbWlseTogXCJHcmFwaGlrLVRILVJlZ3VsYXJcIjtcbiAgICBmb250LXNpemU6IDE2cHg7XG4gICAgZm9udC1zdHlsZTogbm9ybWFsO1xuICAgIGZvbnQtd2VpZ2h0OiA0MDA7XG4gICAgbGluZS1oZWlnaHQ6IDEzMCU7IC8qIDIwLjhweCAqL1xuICAgIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAjZTZlNmU2O1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICB0cmFuc2l0aW9uOiBjb2xvciAwLjJzIGVhc2U7XG4gICAgc3ZnIHtcbiAgICAgIG1hcmdpbjogYXV0bztcbiAgICAgIHdpZHRoOiBhdXRvO1xuICAgICAgcGF0aCB7XG4gICAgICAgIHRyYW5zaXRpb246IGZpbGwgMC4ycyBlYXNlO1xuICAgICAgfVxuICAgIH1cbiAgICAmOmhvdmVyIHtcbiAgICAgIGNvbG9yOiAjMDBiNDAwO1xuICAgICAgc3ZnIHBhdGgge1xuICAgICAgICBmaWxsOiAjMDBiNDAwO1xuICAgICAgfVxuICAgIH1cbiAgfVxuICBAbWVkaWEgKG1pbi13aWR0aDogNzY4cHgpIHtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgd2lkdGg6IDIxMHB4O1xuICAgIGhlaWdodDogYXV0bztcbiAgICBsZWZ0OiBhdXRvO1xuICAgIHJpZ2h0OiAwO1xuICAgIHRvcDogNDBweDtcbiAgICBib3JkZXItcmFkaXVzOiAxMnB4O1xuICAgIGJhY2tncm91bmQ6IHZhcigtLVByaW1hcnktV2hpdGUsICNmZmYpO1xuICAgIGJveC1zaGFkb3c6IDAgMCA1cHggMCByZ2JhKDAsIDAsIDAsIDAuMjUpO1xuICAgIGJ1dHRvbiB7XG4gICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbiAgICB1bCB7XG4gICAgICBsaSB7XG4gICAgICAgICY6Zmlyc3Qtb2YtdHlwZSB7XG4gICAgICAgICAgYSB7XG4gICAgICAgICAgICBwYWRkaW5nLXRvcDogMDtcbiAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgICAgJjpsYXN0LW9mLXR5cGUge1xuICAgICAgICAgIGEge1xuICAgICAgICAgICAgYm9yZGVyLWJvdHRvbTogbm9uZTtcbiAgICAgICAgICAgIHBhZGRpbmctYm90dG9tOiAwO1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cbiAgfVxuYDtcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPXByb2ZpbGVNZW51U3R5bGUuanN4Lm1hcCJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__$3
 });
 
 // src/components/molecules/ProfileMenu/profileMenu.tsx
-var ProfileMenu = (_ref, onLogout) => {
+// SSO portal menu items matching the reference EventNavMember design
+var SSO_MENU_ITEMS = [{
+  nameEN: "profile",
+  name: "ข้อมูลของฉัน",
+  linkKey: "profile",
+  icon: '<svg xmlns="http://www.w3.org/2000/svg" width="19" height="19" viewBox="0 0 19 19" fill="none"><path d="M3.523 14.7923C4.373 14.1616 5.299 13.6635 6.301 13.298C7.30283 12.9327 8.36917 12.75 9.5 12.75C10.6308 12.75 11.6972 12.9327 12.699 13.298C13.701 13.6635 14.627 14.1616 15.477 14.7923C16.0987 14.1089 16.5912 13.3179 16.9548 12.4192C17.3183 11.5206 17.5 10.5475 17.5 9.5C17.5 7.28333 16.7208 5.39583 15.1625 3.8375C13.6042 2.27917 11.7167 1.5 9.5 1.5C7.28333 1.5 5.39583 2.27917 3.8375 3.8375C2.27917 5.39583 1.5 7.28333 1.5 9.5C1.5 10.5475 1.68175 11.5206 2.04525 12.4192C2.40875 13.3179 2.90133 14.1089 3.523 14.7923ZM9.50025 10.25C8.58725 10.25 7.81733 9.93667 7.1905 9.31C6.5635 8.68317 6.25 7.91325 6.25 7.00025C6.25 6.08725 6.56333 5.31733 7.19 4.6905C7.81683 4.0635 8.58675 3.75 9.49975 3.75C10.4128 3.75 11.1827 4.06333 11.8095 4.69C12.4365 5.31683 12.75 6.08675 12.75 6.99975C12.75 7.91275 12.4367 8.68267 11.81 9.3095C11.1832 9.9365 10.4133 10.25 9.50025 10.25ZM9.5 19C8.18083 19 6.94333 18.7519 5.7875 18.2558C4.63167 17.7596 3.62625 17.0839 2.77125 16.2288C1.91608 15.3738 1.24042 14.3683 0.74425 13.2125C0.248083 12.0567 0 10.8192 0 9.5C0 8.18083 0.248083 6.94333 0.74425 5.7875C1.24042 4.63167 1.91608 3.62625 2.77125 2.77125C3.62625 1.91608 4.63167 1.24042 5.7875 0.74425C6.94333 0.248084 8.18083 0 9.5 0C10.8192 0 12.0567 0.248084 13.2125 0.74425C14.3683 1.24042 15.3738 1.91608 16.2288 2.77125C17.0839 3.62625 17.7596 4.63167 18.2558 5.7875C18.7519 6.94333 19 8.18083 19 9.5C19 10.8192 18.7519 12.0567 18.2558 13.2125C17.7596 14.3683 17.0839 15.3738 16.2288 16.2288C15.3738 17.0839 14.3683 17.7596 13.2125 18.2558C12.0567 18.7519 10.8192 19 9.5 19ZM9.5 17.5C10.4025 17.5 11.2727 17.3548 12.1105 17.0645C12.9483 16.774 13.6923 16.3679 14.3422 15.8462C13.6923 15.3436 12.958 14.9519 12.1395 14.6712C11.3208 14.3904 10.441 14.25 9.5 14.25C8.559 14.25 7.67758 14.3888 6.85575 14.6663C6.03392 14.9439 5.30125 15.3372 4.65775 15.8462C5.30775 16.3679 6.05167 16.774 6.8895 17.0645C7.72733 17.3548 8.5975 17.5 9.5 17.5ZM9.5 8.75C9.9975 8.75 10.4135 8.58267 10.748 8.248C11.0827 7.9135 11.25 7.4975 11.25 7C11.25 6.5025 11.0827 6.0865 10.748 5.752C10.4135 5.41733 9.9975 5.25 9.5 5.25C9.0025 5.25 8.5865 5.41733 8.252 5.752C7.91733 6.0865 7.75 6.5025 7.75 7C7.75 7.4975 7.91733 7.9135 8.252 8.248C8.5865 8.58267 9.0025 8.75 9.5 8.75Z" fill="black"/></svg>'
+}, {
+  nameEN: "follow-up",
+  name: "กำลังติดตาม",
+  linkKey: "follow-up",
+  icon: '<svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 17 17" fill="none"><path d="M12.7498 16.475C12.5371 16.475 12.359 16.4031 12.2155 16.2593C12.0718 16.1156 12 15.9375 12 15.725V13.475H9.75C9.5375 13.475 9.35942 13.4031 9.21575 13.2592C9.07192 13.1154 9 12.9372 9 12.7247C9 12.5121 9.07192 12.334 9.21575 12.1905C9.35942 12.0468 9.5375 11.975 9.75 11.975H12V9.725C12 9.5125 12.0719 9.33442 12.2158 9.19075C12.3596 9.04692 12.5378 8.975 12.7503 8.975C12.9629 8.975 13.141 9.04692 13.2845 9.19075C13.4282 9.33442 13.5 9.5125 13.5 9.725V11.975H15.75C15.9625 11.975 16.1406 12.0469 16.2843 12.1908C16.4281 12.3346 16.5 12.5128 16.5 12.7253C16.5 12.9379 16.4281 13.116 16.2843 13.2595C16.1406 13.4032 15.9625 13.475 15.75 13.475H13.5V15.725C13.5 15.9375 13.4281 16.1156 13.2843 16.2593C13.1404 16.4031 12.9622 16.475 12.7498 16.475ZM0.75 13.5C0.5375 13.5 0.359417 13.4281 0.21575 13.2843C0.0719168 13.1404 0 12.9622 0 12.7498C0 12.5371 0.0719168 12.359 0.21575 12.2155C0.359417 12.0718 0.5375 12 0.75 12H7.04625C7.01542 12.2633 7.00417 12.5141 7.0125 12.7522C7.02083 12.9904 7.04042 13.2397 7.07125 13.5H0.75ZM0.75 9.5C0.5375 9.5 0.359417 9.42808 0.21575 9.28425C0.0719168 9.14042 0 8.96225 0 8.74975C0 8.53708 0.0719168 8.359 0.21575 8.2155C0.359417 8.07183 0.5375 8 0.75 8H9.477C9.18983 8.2025 8.92733 8.42875 8.6895 8.67875C8.45167 8.92875 8.23533 9.2025 8.0405 9.5H0.75ZM0.75 5.5C0.5375 5.5 0.359417 5.42808 0.21575 5.28425C0.0719168 5.14042 0 4.96225 0 4.74975C0 4.53708 0.0719168 4.359 0.21575 4.2155C0.359417 4.07183 0.5375 4 0.75 4H13.75C13.9625 4 14.1406 4.07192 14.2843 4.21575C14.4281 4.35958 14.5 4.53775 14.5 4.75025C14.5 4.96292 14.4281 5.141 14.2843 5.2845C14.1406 5.42817 13.9625 5.5 13.75 5.5H0.75ZM0.75 1.5C0.5375 1.5 0.359417 1.42808 0.21575 1.28425C0.0719168 1.14042 0 0.96225 0 0.74975C0 0.537083 0.0719168 0.359 0.21575 0.2155C0.359417 0.0718332 0.5375 0 0.75 0H13.75C13.9625 0 14.1406 0.0719168 14.2843 0.21575C14.4281 0.359583 14.5 0.53775 14.5 0.75025C14.5 0.962917 14.4281 1.141 14.2843 1.2845C14.1406 1.42817 13.9625 1.5 13.75 1.5H0.75Z" fill="black"/></svg>'
+}, {
+  nameEN: "favorite",
+  name: "ที่บันทึกไว้",
+  linkKey: "favorite",
+  icon: '<svg xmlns="http://www.w3.org/2000/svg" width="13" height="16" viewBox="0 0 13 16" fill="none"><path d="M6.5 13.9615L2.53075 15.6652C1.92825 15.9229 1.35583 15.8736 0.8135 15.5173C0.271167 15.1609 0 14.6597 0 14.0135V1.80775C0 1.30258 0.175 0.875 0.525 0.525C0.875 0.175 1.30258 0 1.80775 0H11.1923C11.6974 0 12.125 0.175 12.475 0.525C12.825 0.875 13 1.30258 13 1.80775V14.0135C13 14.6597 12.7288 15.1609 12.1865 15.5173C11.6442 15.8736 11.0718 15.9229 10.4693 15.6652L6.5 13.9615ZM6.5 12.3L11.0673 14.2673C11.1699 14.3121 11.2677 14.3025 11.3605 14.2385C11.4535 14.1743 11.5 14.0878 11.5 13.9788V1.80775C11.5 1.73075 11.4679 1.66025 11.4038 1.59625C11.3398 1.53208 11.2692 1.5 11.1923 1.5H1.80775C1.73075 1.5 1.66025 1.53208 1.59625 1.59625C1.53208 1.66025 1.5 1.73075 1.5 1.80775V13.9788C1.5 14.0878 1.5465 14.1743 1.6395 14.2385C1.73233 14.3025 1.83008 14.3121 1.93275 14.2673L6.5 12.3Z" fill="black"/></svg>'
+}, {
+  nameEN: "subscriptions",
+  name: "สมาชิกหนังสือพิมพ์",
+  linkKey: "subscriptions",
+  icon: '<svg xmlns="http://www.w3.org/2000/svg" width="19" height="19" viewBox="0 0 19 19" fill="none"><path d="M9.50175 19C8.18775 19 6.95267 18.7507 5.7965 18.252C4.64033 17.7533 3.63467 17.0766 2.7795 16.2218C1.92433 15.3669 1.24725 14.3617 0.74825 13.206C0.249417 12.0503 0 10.8156 0 9.50175C0 8.18775 0.249333 6.95267 0.748 5.7965C1.24667 4.64033 1.92342 3.63467 2.77825 2.7795C3.63308 1.92433 4.63833 1.24725 5.794 0.74825C6.94967 0.249417 8.18442 0 9.49825 0C10.8123 0 12.0473 0.249333 13.2035 0.748C14.3597 1.24667 15.3653 1.92342 16.2205 2.77825C17.0757 3.63308 17.7528 4.63833 18.2518 5.794C18.7506 6.94967 19 8.18442 19 9.49825C19 10.8123 18.7507 12.0473 18.252 13.2035C17.7533 14.3597 17.0766 15.3653 16.2218 16.2205C15.3669 17.0757 14.3617 17.7528 13.206 18.2518C12.0503 18.7506 10.8156 19 9.50175 19ZM9.5 17.5C11.7333 17.5 13.625 16.725 15.175 15.175C16.725 13.625 17.5 11.7333 17.5 9.5C17.5 7.26667 16.725 5.375 15.175 3.825C13.625 2.275 11.7333 1.5 9.5 1.5C7.26667 1.5 5.375 2.275 3.825 3.825C2.275 5.375 1.5 7.26667 1.5 9.5C1.5 11.7333 2.275 13.625 3.825 15.175C5.375 16.725 7.26667 17.5 9.5 17.5ZM9.95275 16.1028C10.0894 15.9663 10.1578 15.807 10.1578 15.625V15.0962C10.9334 14.9911 11.6357 14.6997 12.2645 14.222C12.8933 13.7445 13.2078 13.0205 13.2078 12.05C13.2078 11.35 13.0013 10.7308 12.5885 10.1923C12.1757 9.65392 11.3692 9.16808 10.1692 8.73475C9.11792 8.37575 8.41983 8.06483 8.075 7.802C7.73017 7.53917 7.55775 7.17183 7.55775 6.7C7.55775 6.22817 7.73433 5.84483 8.0875 5.55C8.44067 5.25517 8.92817 5.10775 9.55 5.10775C9.92183 5.10775 10.2472 5.17725 10.526 5.31625C10.8048 5.45542 11.0404 5.641 11.2327 5.873C11.3546 6.02183 11.4956 6.12567 11.6557 6.1845C11.8161 6.2435 11.9678 6.241 12.111 6.177C12.3065 6.1 12.4401 5.96858 12.5117 5.78275C12.5834 5.59675 12.5654 5.42625 12.4578 5.27125C12.1911 4.89425 11.8603 4.58042 11.4653 4.32975C11.0704 4.07908 10.6512 3.93708 10.2078 3.90375V3.375C10.2078 3.193 10.1394 3.03375 10.0027 2.89725C9.86625 2.76058 9.707 2.69225 9.525 2.69225C9.343 2.69225 9.18375 2.76058 9.04725 2.89725C8.91058 3.03375 8.84225 3.193 8.84225 3.375V3.90375C7.98975 4.06792 7.335 4.41375 6.878 4.94125C6.42083 5.46892 6.19225 6.05517 6.19225 6.7C6.19225 7.45133 6.41983 8.05583 6.875 8.5135C7.33017 8.97117 8.07183 9.38458 9.1 9.75375C10.1628 10.1436 10.8888 10.4933 11.278 10.803C11.667 11.1125 11.8615 11.5282 11.8615 12.05C11.8615 12.677 11.6353 13.1324 11.1827 13.4163C10.7301 13.7003 10.2192 13.8422 9.65 13.8422C9.175 13.8422 8.74567 13.7237 8.362 13.4865C7.97833 13.2493 7.657 12.9064 7.398 12.4578C7.29683 12.2821 7.16033 12.1638 6.9885 12.103C6.81667 12.042 6.6485 12.0439 6.484 12.1088C6.30667 12.1736 6.17683 12.2967 6.0945 12.478C6.01233 12.6593 6.01158 12.8327 6.09225 12.998C6.37175 13.5583 6.7365 14.0064 7.1865 14.3422C7.6365 14.6783 8.17175 14.9129 8.79225 15.0462V15.625C8.79225 15.807 8.86058 15.9663 8.99725 16.1028C9.13375 16.2394 9.293 16.3078 9.475 16.3078C9.657 16.3078 9.81625 16.2394 9.95275 16.1028Z" fill="black"/></svg>'
+}, {
+  nameEN: "coupons",
+  name: "คูปองของฉัน",
+  linkKey: "coupons",
+  icon: '<svg xmlns="http://www.w3.org/2000/svg" width="19" height="15" viewBox="0 0 19 15" fill="none"><path d="M1.80775 15C1.31058 15 0.885 14.823 0.531 14.469C0.177 14.115 0 13.6894 0 13.1923V10.452C0 10.2878 0.0471668 10.1423 0.1415 10.0155C0.235667 9.8885 0.361583 9.80192 0.51925 9.75575C0.95775 9.55192 1.31417 9.24925 1.5885 8.84775C1.86283 8.44608 2 7.99667 2 7.4995C2 7.00233 1.86283 6.55317 1.5885 6.152C1.31417 5.75067 0.95775 5.44808 0.51925 5.24425C0.361583 5.19808 0.235667 5.1115 0.1415 4.9845C0.0471668 4.85767 0 4.71217 0 4.548V1.80775C0 1.31058 0.177 0.885 0.531 0.531C0.885 0.177 1.31058 0 1.80775 0H17.1923C17.6894 0 18.115 0.177 18.469 0.531C18.823 0.885 19 1.31058 19 1.80775V4.548C19 4.71217 18.9528 4.85767 18.8585 4.9845C18.7643 5.1115 18.6384 5.19808 18.4807 5.24425C18.0422 5.44808 17.6858 5.75075 17.4115 6.15225C17.1372 6.55392 17 7.00333 17 7.5005C17 7.99767 17.1372 8.44683 17.4115 8.848C17.6858 9.24933 18.0422 9.55192 18.4807 9.75575C18.6384 9.80192 18.7643 9.8885 18.8585 10.0155C18.9528 10.1423 19 10.2878 19 10.452V13.1923C19 13.6894 18.823 14.115 18.469 14.469C18.115 14.823 17.6894 15 17.1923 15H1.80775ZM1.80775 13.5H17.1923C17.2821 13.5 17.3558 13.4712 17.4135 13.4135C17.4712 13.3558 17.5 13.2821 17.5 13.1923V10.95C16.8833 10.5833 16.3958 10.0958 16.0375 9.4875C15.6792 8.87917 15.5 8.21667 15.5 7.5C15.5 6.78333 15.6792 6.12083 16.0375 5.5125C16.3958 4.90417 16.8833 4.41667 17.5 4.05V1.80775C17.5 1.71792 17.4712 1.64417 17.4135 1.5865C17.3558 1.52883 17.2821 1.5 17.1923 1.5H1.80775C1.71792 1.5 1.64417 1.52883 1.5865 1.5865C1.52883 1.64417 1.5 1.71792 1.5 1.80775V4.05C2.11667 4.41667 2.60417 4.90417 2.9625 5.5125C3.32083 6.12083 3.5 6.78333 3.5 7.5C3.5 8.21667 3.32083 8.87917 2.9625 9.4875C2.60417 10.0958 2.11667 10.5833 1.5 10.95V13.1923C1.5 13.2821 1.52883 13.3558 1.5865 13.4135C1.64417 13.4712 1.71792 13.5 1.80775 13.5ZM9.50025 12.1538C9.71292 12.1538 9.891 12.0818 10.0345 11.938C10.1782 11.7943 10.25 11.6162 10.25 11.4035C10.25 11.1908 10.1781 11.0128 10.0343 10.8693C9.89042 10.7256 9.71225 10.6538 9.49975 10.6538C9.28708 10.6538 9.109 10.7257 8.9655 10.8695C8.82183 11.0133 8.75 11.1916 8.75 11.4043C8.75 11.6167 8.82192 11.7948 8.96575 11.9385C9.10958 12.082 9.28775 12.1538 9.50025 12.1538ZM9.50025 8.25C9.71292 8.25 9.891 8.17808 10.0345 8.03425C10.1782 7.89042 10.25 7.71225 10.25 7.49975C10.25 7.28708 10.1781 7.109 10.0343 6.9655C9.89042 6.82183 9.71225 6.75 9.49975 6.75C9.28708 6.75 9.109 6.82192 8.9655 6.96575C8.82183 7.10958 8.75 7.28775 8.75 7.50025C8.75 7.71292 8.82192 7.891 8.96575 8.0345C9.10958 8.17817 9.28775 8.25 9.50025 8.25ZM9.50025 4.34625C9.71292 4.34625 9.891 4.27433 10.0345 4.1305C10.1782 3.98667 10.25 3.80842 10.25 3.59575C10.25 3.38325 10.1781 3.20517 10.0343 3.0615C9.89042 2.918 9.71225 2.84625 9.49975 2.84625C9.28708 2.84625 9.109 2.91817 8.9655 3.062C8.82183 3.20567 8.75 3.38383 8.75 3.5965C8.75 3.80917 8.82192 3.98725 8.96575 4.13075C9.10958 4.27442 9.28775 4.34625 9.50025 4.34625Z" fill="black"/></svg>'
+}, {
+  nameEN: "events",
+  name: "อีเวนต์ของฉัน",
+  linkKey: "events",
+  icon: '<svg xmlns="http://www.w3.org/2000/svg" width="17" height="20" viewBox="0 0 17 20" fill="none"><path d="M1.80775 19.1152C1.30258 19.1152 0.875 18.9403 0.525 18.5903C0.175 18.2402 0 17.8127 0 17.3075V3.923C0 3.41783 0.175 2.99025 0.525 2.64025C0.875 2.29025 1.30258 2.11525 1.80775 2.11525H3.19225V0.769C3.19225 0.549834 3.26567 0.366833 3.4125 0.22C3.55933 0.073333 3.74233 0 3.9615 0C4.18083 0 4.36383 0.073333 4.5105 0.22C4.65733 0.366833 4.73075 0.549834 4.73075 0.769V2.11525H12.3077V0.75C12.3077 0.537167 12.3795 0.358916 12.523 0.21525C12.6667 0.0717496 12.8449 0 13.0577 0C13.2706 0 13.4487 0.0717496 13.5922 0.21525C13.7359 0.358916 13.8077 0.537167 13.8077 0.75V2.11525H15.1923C15.6974 2.11525 16.125 2.29025 16.475 2.64025C16.825 2.99025 17 3.41783 17 3.923V17.3075C17 17.8127 16.825 18.2402 16.475 18.5903C16.125 18.9403 15.6974 19.1152 15.1923 19.1152H1.80775ZM1.80775 17.6152H15.1923C15.2692 17.6152 15.3398 17.5832 15.4038 17.519C15.4679 17.455 15.5 17.3845 15.5 17.3075V7.923H1.5V17.3075C1.5 17.3845 1.53208 17.455 1.59625 17.519C1.66025 17.5832 1.73075 17.6152 1.80775 17.6152ZM1.5 6.423H15.5V3.923C15.5 3.846 15.4679 3.7755 15.4038 3.7115C15.3398 3.64733 15.2692 3.61525 15.1923 3.61525H1.80775C1.73075 3.61525 1.66025 3.64733 1.59625 3.7115C1.53208 3.7755 1.5 3.846 1.5 3.923V6.423Z" fill="black"/></svg>'
+}];
+var LOGOUT_ICON = '<svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 17 17" fill="none"><path d="M1.80775 17C1.30258 17 0.875 16.825 0.525 16.475C0.175 16.125 0 15.6974 0 15.1923V1.80775C0 1.30258 0.175 0.875 0.525 0.525C0.875 0.175 1.30258 0 1.80775 0H7.75975C7.97242 0 8.15058 0.0718332 8.29425 0.2155C8.43775 0.359 8.5095 0.537167 8.5095 0.75C8.5095 0.962833 8.43775 1.141 8.29425 1.2845C8.15058 1.42817 7.97242 1.5 7.75975 1.5H1.80775C1.73075 1.5 1.66025 1.53208 1.59625 1.59625C1.53208 1.66025 1.5 1.73075 1.5 1.80775V15.1923C1.5 15.2692 1.53208 15.3398 1.59625 15.4038C1.66025 15.4679 1.73075 15.5 1.80775 15.5H7.75975C7.97242 15.5 8.15058 15.5718 8.29425 15.7155C8.43775 15.859 8.5095 16.0372 8.5095 16.25C8.5095 16.4628 8.43775 16.641 8.29425 16.7845C8.15058 16.9282 7.97242 17 7.75975 17H1.80775ZM14.1173 9.25H6.34625C6.13342 9.25 5.95517 9.17817 5.8115 9.0345C5.668 8.891 5.59625 8.71283 5.59625 8.5C5.59625 8.28717 5.668 8.109 5.8115 7.9655C5.95517 7.82183 6.13342 7.75 6.34625 7.75H14.1173L12.1943 5.827C12.0558 5.6885 11.9849 5.51958 11.9818 5.32025C11.9786 5.12092 12.0494 4.94367 12.1943 4.7885C12.3391 4.63333 12.5148 4.55317 12.7213 4.548C12.9276 4.543 13.1083 4.618 13.2635 4.773L16.3578 7.86725C16.5384 8.04808 16.6288 8.259 16.6288 8.5C16.6288 8.741 16.5384 8.95192 16.3578 9.13275L13.2635 12.227C13.1148 12.3757 12.9383 12.449 12.7338 12.447C12.5293 12.4452 12.3494 12.3667 12.1943 12.2115C12.0494 12.0563 11.9796 11.8782 11.9848 11.677C11.9898 11.4757 12.0648 11.3026 12.2098 11.1578L14.1173 9.25Z" fill="black"/></svg>';
+var CLOSE_ICON = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M18 6L6 18M6 6L18 18" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>';
+var ProfileMenu = _ref => {
   var {
     data,
-    dataFile = '/data/menu.json'
+    dataFile = "/data/menu.json",
+    onLogout,
+    onClose,
+    getLink,
+    subscriptionBadge
   } = _ref;
   var _a, _b;
   var [menuData, setMenuData] = React$1.useState(data !== null && data !== void 0 ? data : null);
+  // Fetch JSON menu data only when getLink is not provided (backward compatibility)
   React$1.useEffect(() => {
-    if (!data) {
+    if (!getLink && !data) {
       fetch(dataFile).then(res => res.json()).then(json => setMenuData(json)).catch(console.error);
     }
-  }, [data, dataFile]);
+  }, [data, dataFile, getLink]);
+  // Close on Escape key
+  React$1.useEffect(() => {
+    var handleKeyDown = e => {
+      if (e.key === "Escape") {
+        onClose === null || onClose === void 0 ? void 0 : onClose();
+      }
+    };
+    document.addEventListener("keydown", handleKeyDown);
+    return () => document.removeEventListener("keydown", handleKeyDown);
+  }, [onClose]);
+  var handleLogout = () => {
+    onLogout === null || onLogout === void 0 ? void 0 : onLogout();
+    onClose === null || onClose === void 0 ? void 0 : onClose();
+  };
+  // SSO mode: use hardcoded menu items with getLink
+  if (getLink) {
+    return /*#__PURE__*/React$1.createElement(MenuSSO, null, /*#__PURE__*/React$1.createElement("button", {
+      onClick: onClose,
+      "aria-label": "Close menu"
+    }, /*#__PURE__*/React$1.createElement("span", {
+      dangerouslySetInnerHTML: {
+        __html: CLOSE_ICON
+      }
+    })), /*#__PURE__*/React$1.createElement("ul", null, SSO_MENU_ITEMS.map(item => /*#__PURE__*/React$1.createElement("li", {
+      key: item.nameEN
+    }, /*#__PURE__*/React$1.createElement("a", {
+      href: getLink(item.linkKey)
+    }, /*#__PURE__*/React$1.createElement("span", {
+      dangerouslySetInnerHTML: {
+        __html: item.icon
+      }
+    }), item.name))), /*#__PURE__*/React$1.createElement("li", null, /*#__PURE__*/React$1.createElement("a", {
+      onClick: handleLogout,
+      style: {
+        cursor: "pointer"
+      }
+    }, /*#__PURE__*/React$1.createElement("span", {
+      dangerouslySetInnerHTML: {
+        __html: LOGOUT_ICON
+      }
+    }), "\u0E2D\u0E2D\u0E01\u0E08\u0E32\u0E01\u0E23\u0E30\u0E1A\u0E1A"))));
+  }
+  // Fallback: JSON-driven menu (backward compatibility)
   if (!menuData) return null;
-  return /*#__PURE__*/React$1.createElement(TRO_DropdownMenuWithMember, null, /*#__PURE__*/React$1.createElement(TRO_MyProfile, null, menuData === null || menuData === void 0 ? void 0 : menuData.profileMenu.filter(item => item.type !== "logout").map((item, index) => /*#__PURE__*/React$1.createElement(TRO_MyProfileList, {
-    className: "navbar_menu_".concat(item === null || item === void 0 ? void 0 : item.nameEN),
+  return /*#__PURE__*/React$1.createElement(MenuSSO, null, /*#__PURE__*/React$1.createElement("button", {
+    onClick: onClose,
+    "aria-label": "Close menu"
+  }, /*#__PURE__*/React$1.createElement("span", {
+    dangerouslySetInnerHTML: {
+      __html: CLOSE_ICON
+    }
+  })), /*#__PURE__*/React$1.createElement("ul", null, menuData === null || menuData === void 0 ? void 0 : menuData.profileMenu.filter(item => item.type !== "logout").map((item, index) => /*#__PURE__*/React$1.createElement("li", {
     key: index
   }, /*#__PURE__*/React$1.createElement("a", {
     href: item === null || item === void 0 ? void 0 : item.link
-  }, /*#__PURE__*/React$1.createElement("div", {
-    className: "svg-icon",
+  }, /*#__PURE__*/React$1.createElement("span", {
     dangerouslySetInnerHTML: {
       __html: item === null || item === void 0 ? void 0 : item.icon
     }
-  }), /*#__PURE__*/React$1.createElement("h3", null, item === null || item === void 0 ? void 0 : item.name)))), /*#__PURE__*/React$1.createElement(TRO_MyProfileList, {
-    className: "navbar_menu_logout"
-  }, /*#__PURE__*/React$1.createElement("div", {
-    className: "logout",
-    onClick: onLogout
-  }, /*#__PURE__*/React$1.createElement("div", {
-    className: "svg-icon",
+  }), item === null || item === void 0 ? void 0 : item.name))), /*#__PURE__*/React$1.createElement("li", null, /*#__PURE__*/React$1.createElement("a", {
+    onClick: handleLogout,
+    style: {
+      cursor: "pointer"
+    }
+  }, /*#__PURE__*/React$1.createElement("span", {
     dangerouslySetInnerHTML: {
       __html: ((_a = menuData.profileMenu.find(item => item.type === "logout")) === null || _a === void 0 ? void 0 : _a.icon) || ""
     }
-  }), /*#__PURE__*/React$1.createElement("h3", null, (_b = menuData.profileMenu.find(item => item.type === "logout")) === null || _b === void 0 ? void 0 : _b.name)))));
+  }), (_b = menuData.profileMenu.find(item => item.type === "logout")) === null || _b === void 0 ? void 0 : _b.name))));
 };
 
 // header.tsx
@@ -5747,11 +5820,24 @@ var TROHeader = _ref => {
     user,
     isLoggedIn,
     login,
-    logout
+    logout,
+    getLink
   } = sso;
   var [isNavOpen, setIsNavOpen] = React$1.useState(false);
   var [isMobileView, setIsMobileView] = React$1.useState(false);
   var [dropdownMember, setDropdownMember] = React$1.useState(false);
+  var profileRef = React$1.useRef(null);
+  // Close profile menu when clicking outside
+  React$1.useEffect(() => {
+    if (!dropdownMember) return;
+    var handleClickOutside = e => {
+      if (profileRef.current && !profileRef.current.contains(e.target)) {
+        setDropdownMember(false);
+      }
+    };
+    document.addEventListener("click", handleClickOutside);
+    return () => document.removeEventListener("click", handleClickOutside);
+  }, [dropdownMember]);
   var closeNav = () => {
     setIsNavOpen(false);
     setDropdownMember(false);
@@ -5792,14 +5878,40 @@ var TROHeader = _ref => {
   }, /*#__PURE__*/React$1.createElement(Logo, {
     fill: logoColor,
     name: "tr_online"
-  })), /*#__PURE__*/React$1.createElement(TRO_HeaderInner, null, /*#__PURE__*/React$1.createElement(TRO_WrapIcon, {
-    onClick: isLoggedIn ? handleUserDropdown : () => login === null || login === void 0 ? void 0 : login()
-  }, isLoggedIn ? /*#__PURE__*/React$1.createElement(React$1.Fragment, null, /*#__PURE__*/React$1.createElement(Avatar, {
+  })), /*#__PURE__*/React$1.createElement(TRO_HeaderInner, null, /*#__PURE__*/React$1.createElement(MenuSSOIcon, {
+    ref: profileRef,
+    onClick: e => {
+      e.stopPropagation();
+      if (isLoggedIn) {
+        handleUserDropdown();
+      } else {
+        login === null || login === void 0 ? void 0 : login();
+      }
+    }
+  }, isLoggedIn ? /*#__PURE__*/React$1.createElement(React$1.Fragment, null, /*#__PURE__*/React$1.createElement("div", {
+    className: "__profile--icon"
+  }, (user === null || user === void 0 ? void 0 : user.profile_picture) ? /*#__PURE__*/React$1.createElement("img", {
+    src: user.profile_picture,
+    alt: user.display_name || ""
+  }) : /*#__PURE__*/React$1.createElement(Avatar, {
     username: user === null || user === void 0 ? void 0 : user.display_name,
-    src: user === null || user === void 0 ? void 0 : user.profile_picture
-  }), dropdownMember && /*#__PURE__*/React$1.createElement(ProfileMenu, {
+    src: user === null || user === void 0 ? void 0 : user.profile_picture,
+    size: 32
+  })), (user === null || user === void 0 ? void 0 : user.subscription_badge) && /*#__PURE__*/React$1.createElement("div", {
+    className: "__badge-icon"
+  }, typeof user.subscription_badge === "string" && user.subscription_badge.startsWith("http") ? /*#__PURE__*/React$1.createElement("img", {
+    src: user.subscription_badge,
+    alt: "badge"
+  }) : /*#__PURE__*/React$1.createElement("span", {
+    dangerouslySetInnerHTML: {
+      __html: (user === null || user === void 0 ? void 0 : user.subscription_badge) || ""
+    }
+  })), dropdownMember && /*#__PURE__*/React$1.createElement(ProfileMenu, {
     dataFile: dataFile,
-    onLogout: () => logout === null || logout === void 0 ? void 0 : logout()
+    onLogout: () => logout === null || logout === void 0 ? void 0 : logout(),
+    onClose: () => setDropdownMember(false),
+    getLink: getLink,
+    subscriptionBadge: user === null || user === void 0 ? void 0 : user.subscription_badge
   })) : /*#__PURE__*/React$1.createElement(Icon, {
     name: "user",
     fill: "#04bc00",