https://it-trend.jp/_next/static/chunks/pages/users/mypage-9ded06575e828689.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8816],{4985:(e,t,s)=>{"use strict";s.d(t,{A:()=>m});var r=s(37876),n=s(44517),a=s(21772),i=s(54587),l=s.n(i),c=s(10553),o=s(14232),x=s(10802),d=s(57909);function m(){let[e,t]=(0,o.useState)(!1);return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("div",{className:"flex flex-col justify-center items-center gap-2 self-stretch mb-5 w-[300px]",children:[(0,r.jsxs)("div",{className:"p-4 rounded-lg border border-it-gray-300 bg-[url(/__next/common/background.png)] bg-no-repeat bg-top bg-contain",children:[(0,r.jsxs)("div",{className:"flex flex-col justify-center items-center gap-2",children:[(0,r.jsxs)("div",{className:"text-base text-black text-center font-bold",children:[(0,r.jsx)("span",{className:"text-it-primary-700",children:"セミナー"}),"や",(0,r.jsx)("br",{}),(0,r.jsx)("span",{className:"text-it-primary-700",children:"お役立ち資料"}),"などの情報が届く！"]}),(0,r.jsx)(l(),{alt:"",height:79,priority:!0,src:"/common/login_person.png",width:268})]}),(0,r.jsxs)("div",{className:"flex flex-col justify-center items-center gap-2",children:[(0,r.jsxs)("button",{className:" flex py-4 px-4 justify-center items-center gap-1 self-stretch rounded-sm text-base font-bold bg-gradient-to-b from-it-primary-500 to-it-primary-900 text-white border-0 hover:opacity-70 ",onClick:()=>{(0,c.signIn)("keycloak",{callbackUrl:x.A.UserPage.MYPAGE},{prompt:"create"})},children:[(0,r.jsx)(a.g,{className:"w-6 h-6",icon:n.Ewi}),(0,r.jsxs)("div",{children:[(0,r.jsx)("p",{className:"text-white text-[0.6rem]",children:"INNOVATION IDを作成して"}),(0,r.jsx)("p",{className:"text-white",children:"新規会員登録する"})]}),(0,r.jsx)("span",{className:"px-2 rounded-sm bg-white text-it-primary-700 text-sm",children:"無料"})]}),(0,r.jsxs)("button",{className:"flex py-4 justify-center items-center gap-2 self-stretch rounded-sm bg-black text-base border-0 font-bold text-white hover:opacity-70 ",onClick:()=>{t(!0)},children:[(0,r.jsx)(a.g,{className:"w-6 h-6",icon:n.SyQ}),(0,r.jsx)("span",{children:"ログイン"})]})]})]}),(0,r.jsx)("p",{className:"text-center text-[10px]",children:"ITトレンドから資料請求するには、無料の会員登録が必要です"})]}),(0,r.jsx)(d.A,{isOpen:e,onClose:()=>{t(!1)}})]})}},43829:(e,t,s)=>{"use strict";s.d(t,{A:()=>o});var r=s(37876),n=s(44517),a=s(52276),i=s(21772),l=s(10802),c=s(70362);function o(e){let{user:t}=e;return(0,r.jsxs)("div",{className:"flex flex-col justify-center items-center p-4 gap-2 self-stretch rounded-lg border border-it-gray-300 bg-it-gray-200 mb-5 w-[300px]",children:[(0,r.jsx)("div",{className:"flex justify-center items-center gap-1 p-4 self-stretch rounded-sm border border-it-gray-300 bg-white text-base text-black text-center",children:(0,r.jsxs)("p",{className:"mb-0",children:["ようこそ",(0,r.jsx)("span",{className:"font-bold",children:"".concat(t.last_name||""," ").concat(t.first_name||"")}),"さん"]})}),(0,r.jsxs)("a",{className:"font-bold flex p-4 justify-center items-center gap-1 self-stretch rounded-sm border border-it-gray-300 bg-white text-base text-black text-center",href:l.A.UserPage.MYPAGE,children:[(0,r.jsx)(i.g,{className:"w-4 h-4 text-it-primary-700",icon:a.X46}),"マイページ"]}),(0,r.jsx)("p",{className:"text-xs",children:(0,r.jsxs)(c.A,{className:"flex items-center text-black",href:"/users/logout",children:[(0,r.jsx)(i.g,{className:"w-4 h-4",icon:n.SyQ}),(0,r.jsx)("span",{className:"pl-1 pt-[2px]",children:"ログアウトする"})]})})]})}},57345:(e,t,s)=>{"use strict";s.r(t),s.d(t,{__N_SSP:()=>R,default:()=>z});var r=s(37876),n=s(14232),a=s(85752),i=s(95643),l=s(43829),c=s(4985),o=s(10802),x=s(8430),d=s(70362);function m(e){let{isOpen:t,closeModal:s}=e,[a,i]=(0,n.useState)(!1),[l,c]=(0,n.useState)(!1);return((0,n.useEffect)(()=>{t?setTimeout(()=>i(!0),10):i(!1)},[t]),t)?(0,r.jsx)("div",{className:"\n        fixed inset-0 z-50 flex items-center justify-center bg-black/30 transition-opacity duration-300\n        ".concat(a?"opacity-100":"opacity-0","\n      "),onClick:s,children:(0,r.jsx)("div",{className:"bg-white p-10 rounded-xl shadow-2xl transform transition-all duration-300 min-w-[40%] max-w-7xl max-h-[90vh] overflow-y-auto ".concat(a?"opacity-100 translate-y-0 scale-100":"opacity-0 translate-y-6 scale-95"),onClick:e=>e.stopPropagation(),children:(0,r.jsxs)("div",{className:"flex flex-col",children:[(0,r.jsx)("h2",{className:"text-2xl font-bold mb-8 text-center",children:"申請前にご確認ください"}),(0,r.jsxs)("div",{className:"flex flex-col",children:[(0,r.jsx)("p",{className:"text-center text-sm text-gray-600",children:"※キャッシュバック申請の際は、以下の内容を確認してください。"}),(0,r.jsx)("button",{className:"cursor-pointer mb-8 w-full focus:outline-none text-white bg-red-600 hover:bg-red-700 font-medium rounded-lg text-sm px-5 py-2.5 me-2 mb-2",onClick:()=>{c(!0),window.open("https://service.it-trend.jp/cashback_campaign_lp","_blank")},type:"button",children:"説明ページへ"}),(0,r.jsxs)("p",{className:"flex justify-center gap-1",children:[(0,r.jsx)("input",{checked:l,id:"agree",onCh

1ange:e=>c(e.target.checked),type:"checkbox"}),(0,r.jsx)("label",{className:"text-center text-sm text-gray-600",htmlFor:"agree",children:"キャッシュバック申請の説明ページを確認しました。"})]}),l?(0,r.jsx)(d.A,{href:o.A.UserPage.CASH_BACK,children:(0,r.jsx)("span",{className:"w-full inline-block bg-red-600 hover:bg-red-700 text-white font-medium rounded-lg text-sm px-5 py-2.5 me-2 mb-2 text-center",children:"申請ページへ"})}):(0,r.jsx)("span",{"aria-disabled":"true",className:"w-full inline-block bg-gray-400 text-white font-medium rounded-lg text-sm px-5 py-2.5 me-2 mb-2 cursor-not-allowed text-center",children:"申請ページへ"})]})]})})}):null}var h=s(11944),g=s.n(h),p=s(54587),u=s.n(p);function f(e){let t=(0,r.jsxs)("div",{className:"flex items-center px-5 min-h-32 gap-10",children:[(0,r.jsx)(u(),{alt:e.img_alt,className:"w-[70px] h-[70px]",height:70,src:e.img_src,width:70}),(0,r.jsxs)("div",{className:"flex flex-col items-start justify-center text-left gap-2",children:[(0,r.jsx)("p",{className:"text-it-gray-600 text-lg font-bold",children:e.title}),(0,r.jsx)("p",{className:"leading-none",dangerouslySetInnerHTML:{__html:g().sanitize(e.text)}})]})]}),s="bg-it-gray-100 bg-no-repeat bg-origin-padding border border-it-gray-300 rounded-md opacity-100 no-underline w-full hover:opacity-70";return e.link?e.useNpLink?(0,r.jsx)(d.A,{className:s,href:e.link,children:t}):(0,r.jsx)("a",{className:s,href:e.link,rel:"_blank"===e.target?"noopener noreferrer":void 0,target:e.target,children:t}):(0,r.jsx)("button",{className:"cursor-pointer ".concat(s),onClick:e.action,children:t})}function j(){let[e,t]=(0,n.useState)(!1),{user:s}=(0,x.i)(),a=null==s?void 0:s.sub,i=a?"https://account.innovation-id.net":o.A.UserPage.CHANGE_PASS;return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("div",{className:"py-8 grid grid-cols-2 grid-rows-4 gap-6",children:[(0,r.jsx)(f,{action:()=>{t(!0)},img_alt:"cash_back_icon",img_src:"/users/mypage/icon03.svg",text:"これまで資料請求した<br>キャッシュバック対象の製品に<br>キャッシュバック申請できます。",title:"キャッシュバック申請"}),(0,r.jsx)(f,{img_alt:"edit_icon",img_src:"/users/mypage/regist_confirm_or_fix_icon.svg",link:o.A.UserPage.EDIT,text:"登録時に入力された情報を<br>変更いただけます。",title:"登録内容確認・修正",useNpLink:!0}),(0,r.jsx)(f,{img_alt:"password_change_icon",img_src:"/users/mypage/password_change_icon.svg",link:i,target:a?"_blank":void 0,text:a?"ログイン用メールアドレス・パスワードを変更いただけます<br>※INNOVATION IDのマイページに遷移します":"パスワードを変更いただけます。",title:a?"ログイン情報変更":"パスワード変更",useNpLink:!a}),(0,r.jsx)(f,{img_alt:"comparison_table_icon",img_src:"/users/mypage/comparison_table_icon.svg",link:o.A.UserPage.COMPARE,text:"これまで資料請求した製品の<br>比較表が作れます。",title:"比較表"}),(0,r.jsx)(f,{img_alt:"order_history_icon",img_src:"/users/mypage/order_history_list.svg",link:o.A.UserPage.SEARCH,text:"これまで資料請求した製品の<br>履歴が確認できます。",title:"資料請求一覧"}),(0,r.jsx)(f,{img_alt:"concierge_icn",img_src:"/users/mypage/mypage_concierge.svg",link:o.A.UserPage.CONCIERGE,text:"資料請求したい製品を<br>ユーザーサポートに無料で<br>相談できます。",title:"製品のご相談"}),(0,r.jsx)(f,{img_alt:"fukidashi_icon",img_src:"/users/mypage/fukidashi.svg",link:o.A.UserPage.REVIEW,text:"これまで投稿いただいた<br>各口コミレビューを確認できます。",title:"投稿レビュー一覧"})]}),(0,r.jsx)(m,{closeModal:()=>{t(!1)},isOpen:e})]})}var b=s(72824);function _(e){let{viewport:t}=(0,n.useContext)(b.A);return(0,r.jsx)(r.Fragment,{children:"pc"===t?(0,r.jsxs)("div",{className:"min-w-36 px-6 relative inline-block text-center before:content-[''] before:absolute before:bottom-0 before:left-0 before:w-1/2 before:h-0.5 before:bg-zinc-600 after:content-[''] after:absolute after:bottom-0 after:right-0 after:w-1/2 after:h-0.5 after:bg-red-300 ",children:[(0,r.jsx)(u(),{alt:"mypage_icon",className:"absolute left-0 top-1/2 transform -translate-y-1/2",height:25,src:"/users/mypage/mypage_icon.svg",width:15}),(0,r.jsx)("h1",{className:"text-[18px] font-bold text-zinc-600 inline-block",children:e.text})]}):(0,r.jsx)("h1",{className:"border-t-2 border-red-500 text-base font-bold w-full bg-[#f0bfc1] p-2",children:e.text})})}function y(){return(0,r.jsx)("div",{className:"h-auto mb-2",children:(0,r.jsx)(d.A,{href:"https://money.it-trend.jp/?utm_source=ittrend&utm_medium=mypage",rel:"noopener",target:"_blank",children:(0,r.jsx)(u(),{alt:"ITトレンドMoneyバナー",height:170,src:"/users/mypage/side_bar/ItTrendMoney-banner.png",width:300})})})}function N(e){let{user:t}=e;return(0,r.jsx)(r.Fragment,{children:(0,r.jsxs)("div",{className:"flex mb-20",children:[(0,r.jsxs)("main",{className:"w-9/12 mr-5",children:[(0,r.jsx)(_,{text:"マイページ"}),(0,r.jsx)(j,{})]}),(0,r.jsx)("aside",{className:"w-3/12",children:t?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(l.A,{user:t}),(0,r.jsx)(y,{})]}):(0,r.jsx)(c.A,{})})]})})}var v=s(91040);let w=()=>(0,r.jsx)("svg",{className:"absolute top-1/2 right-3 -translate-y-1/2",fill:"#cbcdce",height:"32",viewBox:"0 0 256 256",width:"32",xmlns:"http://www.w3.org/2000/svg",children:(0,r.jsx)("path",{d:"M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z"})});function k(e){let t=(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("div",{className:"flex flex-col",children:[(0,r.jsx)("p",{className:"text-base font-bold text-left",children:e.title}),e.text&&(0,r.jsx)("p",{className:"text-xs text-left",children:e.text})]}),(0,r.jsx)(w,{})]}),s="border-t border-dotted border-[#d1d5db] relative w-full bg-[#f5f6f7] px-5 h-14 active:bg-[#e0e2e4]";return e.link&&e.useNpLink?(0,r.jsx)(d.A,{className:"".concat(s," block"),href:e.link,children:t}):(0,r.jsx)("button",{className:s,onClick:()=>{e.link?"_blank"===e.target?window.open(e.link,"_blank","noopener,noreferrer"):location.assign(e.link):e.action&&e.action()},children:t})}function A(e){return(0,r.jsx)("div",{className:"bg-[#727272] px-5",children:(0,r.jsx)("p",{className:"text-base text-white py-1",children:e.title})})}function C(){return(0,r.jsx)(d.A,{className:"min-w-36 font-bold py-2 border border-[#ccc] rounded-md text-center inline-block",href:"/users/logout",children:"ログアウト"})}

1function E(){let[e,t]=(0,n.useState)(!1),{user:s}=(0,x.i)(),a=null==s?void 0:s.sub,i=a?"https://account.innovation-id.net":o.A.UserPage.CHANGE_PASS;return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("div",{className:"border-b-2 border-[#d5d6d7]",children:[(0,r.jsx)(k,{action:()=>{t(!0)},title:"キャッシュバック申請"}),(0,r.jsx)(k,{link:"/users/search",title:"資料請求履歴一覧"}),(0,r.jsx)(k,{link:"/users/review_list",title:"投稿レビュー一覧"}),(0,r.jsx)(A,{title:"登録情報・パスワードの変更"}),(0,r.jsx)(k,{link:"/users/edit",text:"登録時に入力された情報を変更いただけます",title:"登録内容確認・修正",useNpLink:!0}),(0,r.jsx)(k,{link:i,target:a?"_blank":void 0,text:a?"ログイン用メールアドレス・パスワードを変更いただけます\n※INNOVATION IDのマイページに遷移します":"パスワードを変更いただけます",title:a?"ログイン情報変更":"パスワード変更",useNpLink:!a})]}),(0,r.jsx)("div",{className:"flex justify-center py-5",children:(0,r.jsx)(C,{})}),(0,r.jsx)(m,{closeModal:()=>{t(!1)},isOpen:e})]})}function P(e){return(0,r.jsxs)("div",{className:"p-5 flex justify-between",children:[(0,r.jsxs)("div",{className:"",children:[(0,r.jsx)("p",{children:"今月の状況"}),(0,r.jsx)("p",{className:"text-xl font-bold",children:"資料請求件数"})]}),(0,r.jsxs)("p",{className:"pr-7 flex items-end font-bold gap-1",children:[(0,r.jsx)("span",{className:"text-4xl text-red-500",children:null===e.order_count?"-":e.order_count}),(0,r.jsx)("span",{className:"text-xl",children:"件"})]})]})}function I(){let[e,t]=(0,n.useState)(null),s=async()=>{let{data:e}=await v.A.get(o.A.User.GET_MONTHLY_ORDER_COUNT);t(e.order_count)};return(0,n.useEffect)(()=>{s()},[]),(0,r.jsxs)("main",{children:[(0,r.jsx)(_,{text:"マイページ"}),(0,r.jsx)(P,{order_count:e}),(0,r.jsx)(E,{})]})}function O(e){let{viewport:t}=(0,n.useContext)(b.A);return(0,r.jsx)(r.Fragment,{children:"pc"===t?(0,r.jsx)(N,{...e}):(0,r.jsx)(I,{})})}var S=s(82561),T=s(72069),F=s(81174);let M="ittrend_push_user_linked";async function L(){try{if(sessionStorage.getItem(M))return}catch(e){}try{let e=(0,F.j)(),t=(0,T.c)(),s=(0,S.u)(t);await s.linkUserPushSubscription(e);try{sessionStorage.setItem(M,"true")}catch(e){}}catch(t){var e;if(v.A.isAxiosError(t)&&(null==(e=t.response)?void 0:e.status)===401)return;try{sessionStorage.setItem(M,"true")}catch(e){}}}let U=e=>{let{data:t}=e;(0,n.useEffect)(()=>{L()},[]);let s={description:"マイページのトップページです。メニューを選ぶことができます。",image:"https://static.it-trend.jp/ogp/top_og.jpg",site_name:"ITトレンド",title:"ITトレンド｜マイページ",type:"website",url:"".concat(o.A.APP_DOMAIN,"/users/mypage")};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(a.A,{meta:{description:"マイページのトップページです。メニューを選ぶことができます。",keywords:"マイページ",title:"ITトレンド｜マイページ"},og:s}),(0,r.jsx)(O,{...t})]})};U.getLayout=e=>(0,r.jsx)(i.A,{children:e});var R=!0;let z=U},84074:(e,t,s)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/users/mypage",function(){return s(57345)}])},95643:(e,t,s)=>{"use strict";s.d(t,{A:()=>v});var r=s(37876),n=s(14232),a=s(10496),i=s(97995),l=s(10802),c=s(72824),o=s(489),x=s(46128),d=s(44517),m=s(21772);let h=e=>{let{category_type_name:t,onClick:s}=e;return(0,r.jsxs)("button",{"aria-label":"リストの".concat(t,"に資料請求する"),className:"flex items-center gap-2 bg-[#f19d09] text-white border-2 border-[#f19d09] m-1.5 text-[15px] font-bold py-[13px] px-5 rounded-lg cursor-pointer hover:bg-white hover:text-[#f19d09]",onClick:s,children:[(0,r.jsxs)("span",{children:["リストの",t,"に資料請求する"]}),(0,r.jsx)(m.g,{className:"w-5",icon:d.qtl})]})};var g=s(68201);let p=e=>{let{category_type_name:t,category_display_name:s,category_name:n,isBulkBillingEligible:a,cart:i,handleBulkAddToCart:l,handleListOrderForm:c}=e;return(0,r.jsxs)("div",{className:"hidden tb:flex items-center gap-3 justify-center fixed bottom-0 left-0 w-full z-10000 h-[65px] bg-[rgba(242,242,242,0.93)] shadow-[0_-3px_2px_rgba(0,0,0,0.2)]",children:[(0,r.jsx)("div",{className:"font-bold text-[#333] top-3 text-lg pc:text-xl text-nowrap",children:0===i.carts.length?"".concat(s||n,"の").concat(t,"をまとめて資料請求"):(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("span",{className:"text-it-dark-red-700 text-[160%]",children:i.carts.length}

1),"件の製品が資料請求リストにあります。"]})}),0===i.carts.length&&a?(0,r.jsx)(g.A,{onClick:l,text:"すべての".concat(t,"に資料請求する")}):(0,r.jsxs)("div",{className:"flex",children:[(0,r.jsx)(h,{category_type_name:t,onClick:c}),a&&(0,r.jsx)(g.A,{onClick:l,text:"すべての".concat(t,"に資料請求する")}),(0,r.jsx)(x.A,{})]})]})};var u=s(69541),f=s(42382),j=s(82582);let b=e=>{let{category_type_name:t,category_display_name:s,category_name:a,isBulkBillingEligible:i,all_product_ids:d,all_order_position:m,position:b}=e,{cart:_}=(0,n.useContext)(f.M),{viewport:y}=(0,n.useContext)(c.A),N=(0,u.k)(d,m),{loading:v}=(0,o.M)(),{isDisplay:w}=(0,j.SO)(),k=()=>{w?window.location.href="".concat(l.A.APP_DOMAIN,"/orders/add/position:").concat(b):window.location.href="".concat(l.A.APP_DOMAIN,"/overseas_orders/add")};return(0,r.jsx)(r.Fragment,{children:"pc"===y?!v&&(0,r.jsxs)("div",{className:"flex items-center gap-3 justify-center fixed bottom-0 left-0 w-full z-10000 h-[65px] bg-[rgba(242,242,242,0.93)] shadow-[0_-3px_2px_rgba(0,0,0,0.2)]",children:[(0,r.jsx)("div",{className:"font-bold text-[#333] top-3 text-xl",children:0===_.carts.length?"".concat(s||a,"の").concat(t,"をまとめて資料請求"):(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("span",{className:"text-it-dark-red-700 text-[160%]",children:_.carts.length}),"件の製品が資料請求リストにあります。"]})}),0===_.carts.length&&i?(0,r.jsx)(g.A,{onClick:N,text:"すべての".concat(t,"に資料請求する")}):(0,r.jsxs)("div",{className:"flex",children:[(0,r.jsx)(h,{category_type_name:t,onClick:k}),i&&(0,r.jsx)(g.A,{onClick:N,text:"すべての".concat(t,"に資料請求する")}),(0,r.jsx)(x.A,{})]})]}):"mobile"===y?(0,r.jsx)(r.Fragment,{}):(0,r.jsx)(p,{cart:_,category_display_name:s,category_name:a,category_type_name:t,handleBulkAddToCart:N,handleListOrderForm:k,isBulkBillingEligible:i})})};var _=s(92192),y=s(74592),N=s(79336);function v(e){let{children:t,width:s,category_type_name:l,category_id:c,category_display_name:o,category_name:x,all_product_ids:d,all_order_position:m,position:h,is_fixed_header:g=!1}=e,p=!0;c&&Object.values(i.W).includes(c)&&(p=!1);let u=(0,n.useRef)(null);return(0,n.useEffect)(()=>{let e=()=>{if(u.current){let e=u.current.offsetHeight;document.documentElement.style.setProperty("--header-height","".concat(e,"px"))}};return g&&(e(),window.addEventListener("resize",e)),()=>{window.removeEventListener("resize",e)}},[g]),(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(y.A,{headerRef:u,is_fixed:g}),(0,r.jsx)("div",{className:"container mx-auto max-w-[1200px] w-full font-meiryo ".concat(null!=s?s:""),style:{paddingTop:g?"var(--header-height)":void 0},children:t}),(0,r.jsx)(a.A,{}),l||o||x||d||m||h?(0,r.jsx)(b,{all_order_position:m||"",all_product_ids:d||[],category_display_name:o||"",category_name:x||"",category_type_name:l||"",isBulkBillingEligible:p,position:h||""}):(0,r.jsx)(_.A,{}),(0,r.jsx)(N.A,{})]})}},97995:(e,t,s)=>{"use strict";s.d(t,{W:()=>r,e:()=>n});let r={EMR:410,CRO_TOOL:610},n="/attendance_management_system/"}},e=>{e.O(0,[4840,7164,114,7671,7263,6988,1944,8601,8924,636,6593,8792],()=>e(e.s=84074)),_N_E=e.O()}]);