https://www.boxful.kr/_next/static/chunks/pages/mypage/product/locker/[id]-35f49a6012d37442.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6118],{24837:function(__unused_webpack_module,__unused_webpack_exports,__webpack_require__){(window.__NEXT_P=window.__NEXT_P||[]).push(["/mypage/product/locker/[id]",function(){return __webpack_require__(98539)}])},45130:function(__unused_webpack_module,__webpack_exports__){"use strict";__webpack_exports__.Z={src:"/_next/static/media/doorlock.ae364aa2.png",height:926,width:616,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAICAMAAAAGL8UJAAAAFVBMVEUQEBAFBQUXFxcKCgodHR03NzcbGxsiJPXjAAAABnRSTlP+/szVLCuUbqVPAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAJElEQVR4nB3EwREAIAzDMCeA9x+Zax8Sr/TSJAcSICBjRt3c/AfLAHNIbhnTAAAAAElFTkSuQmCC",blurWidth:5,blurHeight:8}},99694:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:function(){return Login},frequencyEmails:function(){return frequencyEmails}});var _swc_helpers_src_tagged_template_literal_mjs__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(7297),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(85893),next_link__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(41664),next_link__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(next_link__WEBPACK_IMPORTED_MODULE_2__),react__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(67294),styled_components__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__(32125),src_components_layout__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__(77814),src_components_general_button__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__(79625),src_consts__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__(4015),next_router__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__(11163),src_utils__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__(17333),react_i18next__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__(26793),src_components_general_headMeta__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__(35357),cookies_next__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__(47041),src_lib_daangn__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__(69010);function _templateObject(){let data=(0,_swc_helpers_src_tagged_template_literal_mjs__WEBPACK_IMPORTED_MODULE_0__.Z)(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  /* width: 100%; */\n  width: 100%;\n  padding: 0 2rem;\n  margin: 5.9rem 4rem 12.8rem;\n"]);return _templateObject=function(){return data},data}function _templateObject1(){let data=(0,_swc_helpers_src_tagged_template_literal_mjs__WEBPACK_IMPORTED_MODULE_0__.Z)(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  gap: 1rem;\n  margin-bottom: 4.5rem;\n  width: 100%;\n\n  input {\n    width: 100%;\n  }\n  > div {\n    display: flex;\n    width: 100%;\n    align-items: center;\n    margin-top: 0.5rem;\n  }\n  input[type='checkbox'] {\n    display: none;\n  }\n  input[type='checkbox'] + label {\n    font: normal normal normal 1.2rem/1.8rem Noto Sans KR;\n    letter-spacing: -0.6px;\n    color: ",";\n    cursor: pointer;\n  }\n  input[type='checkbox'] + label span {\n    display: inline-block;\n    width: 2.2rem;\n    height: 2.2rem;\n    margin: 0 1rem 0 0;\n    vertical-align: middle;\n    background: url(/images/checkbox/checkboxNone.svg) center no-repeat;\n  }\n  input[type='checkbox']:checked + label span {\n    background: url(/images/checkbox/checkboxChecked.svg) center no-repeat;\n    background-size: cover;\n  }\n"]);return _templateObject1=function(){return data},data}function _templateObject2(){let data=(0,_swc_helpers_src_tagged_template_literal_mjs__WEBPACK_IMPORTED_MODULE_0__.Z)(["\n  display: flex;\n  align-items: center;\n  margin-top: 1.5rem;\n  span {\n    color: ",";\n    font: normal normal normal 1.4rem/2rem Noto Sans KR;\n    letter-spacing: -0.7px;\n    color: #808080;\n    cursor: pointer;\n  }\n  span.line {\n    display: inline-block;\n    height: 1.7rem;\n    border: 1px solid ",";\n    margin: 0 2rem;\n    cursor: default;\n  }\n"]);return _templateObject2=function(){return data},data}

1function _templateObject3(){let data=(0,_swc_helpers_src_tagged_template_literal_mjs__WEBPACK_IMPORTED_MODULE_0__.Z)(["\n  position: relative;\n  img.show-button {\n    position: absolute;\n    right: 1rem;\n    width: 2rem;\n    height: 2rem;\n    cursor: pointer;\n  }\n"]);return _templateObject3=function(){return data},data}function _templateObject4(){let data=(0,_swc_helpers_src_tagged_template_literal_mjs__WEBPACK_IMPORTED_MODULE_0__.Z)(["\n  display: flex;\n  align-items: center;\n  gap: 1.5rem;\n\n  img {\n    width: 4rem;\n    height: 4rem;\n    cursor: pointer;\n  }\n  button {\n    width: 4rem;\n    height: 4rem;\n    border: none;\n  }\n"]);return _templateObject4=function(){return data},data}__webpack_require__(83454).env.NEXT_PUBLIC_API_URL;let frequencyEmails=["@naver.com","@gmail.com","@daum.net","@hanmail.net","@yahoo.com","@outlook.com","@nate.com","@kakao.com"];function Login(){let router=(0,next_router__WEBPACK_IMPORTED_MODULE_7__.useRouter)(),{url}=router.query,{t}=(0,react_i18next__WEBPACK_IMPORTED_MODULE_11__.$)(),[req,setReq]=(0,react__WEBPACK_IMPORTED_MODULE_3__.useState)({email:"",password:""}),[emailList,setEmailList]=(0,react__WEBPACK_IMPORTED_MODULE_3__.useState)([]),[showPw,setShowPw]=(0,react__WEBPACK_IMPORTED_MODULE_3__.useState)(!1);(0,react__WEBPACK_IMPORTED_MODULE_3__.useEffect)(()=>{{let originalPath=window.location.pathname+window.location.search;(originalPath.startsWith("/mypage")||originalPath.startsWith("/order")||originalPath.startsWith("/unpaid-bills"))&&(0,cookies_next__WEBPACK_IMPORTED_MODULE_10__.setCookie)("loginReturnUrl",originalPath,{path:"/",maxAge:300})}},[]),(0,react__WEBPACK_IMPORTED_MODULE_3__.useEffect)(()=>{if(router.query.error){let msg={blocked:"차단된 계정입니다. 고객센터에 문의해주세요.",email_required:"이메일 정보가 필요합니다. 소셜 계정에 이메일을 등록해주세요.",kakao_auth_failed:"카카오 인증에 실패했습니다. 다시 시도해주세요.",naver_auth_failed:"네이버 인증에 실패했습니다. 다시 시도해주세요."}[router.query.error]||"소셜 로그인에 실패했습니다.";alert(msg)}},[router.query.error]);let getSocialLoginUrl=provider=>"".concat("https://api.boxful.kr","/api/").concat("v1","/auth/").concat(provider),handleKakaoLogin=()=>{window.location.href=getSocialLoginUrl("kakao")},handleNaverLogin=()=>{window.location.href=getSocialLoginUrl("naver")},handleSubmit=()=>{(0,src_utils__WEBPACK_IMPORTED_MODULE_8__.x4)(req).then(r=>{if(r.success){(0,src_lib_daangn__WEBPACK_IMPORTED_MODULE_12__.L9)("Login");let returnUrl=url||(0,cookies_next__WEBPACK_IMPORTED_MODULE_10__.getCookie)("loginReturnUrl");if((0,cookies_next__WEBPACK_IMPORTED_MODULE_10__.deleteCookie)("loginReturnUrl"),returnUrl){let path=String(returnUrl);router.replace(path.startsWith("/")?path:"/".concat(path))}else router.replace("/")}else alert(t("alert.login-failed")),(0,src_utils__WEBPACK_IMPORTED_MODULE_8__.JM)("오류 화면명: ".concat(router.pathname,"\n오류내용: ").concat(r.message,"\n").concat(JSON.stringify(r),"\n\n데이터: ").concat(JSON.stringify(req)))}).catch(e=>{alert(t("alert.login-failed")),(0,src_utils__WEBPACK_IMPORTED_MODULE_8__.JM)("오류 화면명: ".concat(router.pathname,"\n오류내용: ").concat(e.response.data.message,"\n\n데이터: ").concat(JSON.stringify(req)))})},onChangeTextHandler=event=>{if(setReq({...req,[event.target.id]:event.target.value}),"email"==event.target.id){let userEmails=frequencyEmails.map(email=>event.target.value.includes("@")?event.target.value.split("@")[0]+email:event.target.value+email);setEmailList(userEmails)}},title=t("seo.title"),description=t("seo.description");return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(react__WEBPACK_IMPORTED_MODULE_3__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(src_components_general_headMeta__WEBPACK_IMPORTED_MODULE_9__.Z,{title:title,description:description}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(src_components_layout__WEBPACK_IMPORTED_MODULE_4__.Z,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(Main,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(Title,{style:{marginBottom:"50px"},children:t("general.menu.login")}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(InputContainer,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("input",{type:"text",id:"email",name:"email",list:"emails",value:req.email,onChange:onChangeTextHandler,placeholder:t("login.exapmle-email")}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("datalist",{id:"emails",children:emailList&&emailList.map((email,idx)=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("option",{value:email},idx))}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(PasswordContainer,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("input",{type:showPw?"text":"password",id:"password",value:req.password,onChange:onChangeTextHandler,placeholder:t("login.input-password")}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("img",{className:"show-button",src:"/images/show-".concat(!showPw,".svg"),onClick(){setShowPw(!showPw)}})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("div",{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("input",{type:"checkbox",id:"c1",name:"cc"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("label",{htmlFor:"c1",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("span",{}),t("login.stay-sign-in")]})]})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("div",{style:{width:"100%",display:"flex",gap:"1rem"},children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(src_components_general_button__WEBPACK_IMPORTED_MODULE_5__.Z,{type:"mint-line",size:"small",text:t("login.register-for-access"),isEnabled:!0,width:"100%",height:"5rem",margin:"0 0 0",fontSize:"1.4rem",fontWeight:"500",onClick(){router.push("/come-in")}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(src_components_general_button__WEBPACK_IMPORTED_MODULE_5__.Z,{type:"color",size:"small",text:t("general.menu.login"),isEnabled:!0,width:"100%",height:"5rem",fontSize:"1.6rem",onClick:handleSubmit})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(FindContainer,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(next_link__WEBPACK_IMPORTED_MODULE_2___default(),{href:"/find-id",passHref:!0,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("span",{children:t("login.find-id")})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("span",{className:"line"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(next_link__WEBPACK_IMPORTED_MODULE_2___default(),{href:"/find-password",passHref:!0,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("span",{children:t("login.find-password")})})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(SNSLoginText,{style:{margin:"6rem 0 1rem"},children:t("login.login-with-sns-account")}

1),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(SNSLoginContainer,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("img",{src:"/images/kakao.svg",alt:"kakao login",onClick:handleKakaoLogin}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("img",{src:"/images/naver.svg",alt:"naver login",onClick:handleNaverLogin})]})]})]})})]})}let Main=styled_components__WEBPACK_IMPORTED_MODULE_13__.ZP.main.withConfig({componentId:"sc-9b27933c-0"})(_templateObject()),Title=src_consts__WEBPACK_IMPORTED_MODULE_6__._.heading_2_m.medium,InputContainer=styled_components__WEBPACK_IMPORTED_MODULE_13__.ZP.div.withConfig({componentId:"sc-9b27933c-1"})(_templateObject1(),src_consts__WEBPACK_IMPORTED_MODULE_6__.O.gray_40),FindContainer=styled_components__WEBPACK_IMPORTED_MODULE_13__.ZP.div.withConfig({componentId:"sc-9b27933c-2"})(_templateObject2(),src_consts__WEBPACK_IMPORTED_MODULE_6__.O.gray_35,src_consts__WEBPACK_IMPORTED_MODULE_6__.O.gray_30),PasswordContainer=styled_components__WEBPACK_IMPORTED_MODULE_13__.ZP.div.withConfig({componentId:"sc-9b27933c-3"})(_templateObject3()),SNSLoginText=src_consts__WEBPACK_IMPORTED_MODULE_6__._.caption_1_m.medium,SNSLoginContainer=styled_components__WEBPACK_IMPORTED_MODULE_13__.ZP.div.withConfig({componentId:"sc-9b27933c-4"})(_templateObject4())},98539:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Gray50Container:function(){return Gray50Container},HowToUse:function(){return HowToUse},MintContainer:function(){return MintContainer},default:function(){return MyLockerPasswod}});var _swc_helpers_src_tagged_template_literal_mjs__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(7297),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(85893),next_link__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(41664),next_link__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(next_link__WEBPACK_IMPORTED_MODULE_2__),next_router__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(11163),react__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__(67294),src_components_layout__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__(77814),src_consts__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__(4015),pages_mypage__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__(41293),src_utils__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__(17333),styled_components__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__(32125),_info__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__(45019),_info_edit_email__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__(91952),react_i18next__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__(26793),src_components_modal_designSystem_iconButtonTypePopup__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__(88181),src_components_modal_mypageQrCodeModal__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__(45649),_public_images_mypage_doorlock_png__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__(45130),src_components_general_image__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__(68987);function _templateObject(){let data=(0,_swc_helpers_src_tagged_template_literal_mjs__WEBPACK_IMPORTED_MODULE_0__.Z)(["\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  padding: 3rem 2rem 6rem;\n  gap: 2rem;\n  > div {\n    display: flex;\n    flex-direction: column;\n    /* gap: 1rem; */\n  }\n  div.row {\n    display: flex;\n    flex-direction: row;\n    width: 100%;\n    margin-bottom: 1.5rem;\n    /* justify-content: space-between; */\n\n    p:first-child {\n      color: ",";\n      width: 30%;\n      min-width: 30%;\n    }\n    p:last-child {\n      text-align: right;\n      color: ",";\n    }\n  }\n"]);return _templateObject=function(){return data},data}function _templateObject1(){let data=(0,_swc_helpers_src_tagged_template_literal_mjs__WEBPACK_IMPORTED_MODULE_0__.Z)(["\n  display: flex;\n  /* align-items: center; */\n  justify-content: center;\n  min-height: 13rem;\n  background-color: ",";\n  border-radius: 1rem;\n  gap: 2rem;\n  margin-bottom: 1rem;\n\n  > div {\n    display: flex;\n    height: 100%;\n  }\n"]);

1return _templateObject1=function(){return data},data}function _templateObject2(){let data=(0,_swc_helpers_src_tagged_template_literal_mjs__WEBPACK_IMPORTED_MODULE_0__.Z)(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 4.4rem;\n  background-color: ",";\n  border-radius: 0.8rem;\n  margin-bottom: 1rem;\n"]);return _templateObject2=function(){return data},data}function _templateObject3(){let data=(0,_swc_helpers_src_tagged_template_literal_mjs__WEBPACK_IMPORTED_MODULE_0__.Z)(["\n  color: white;\n"]);return _templateObject3=function(){return data},data}function _templateObject4(){let data=(0,_swc_helpers_src_tagged_template_literal_mjs__WEBPACK_IMPORTED_MODULE_0__.Z)(["\n  display: flex;\n  flex-direction: column;\n  padding: 1rem 2rem;\n  /* align-items: center;\n  justify-content: center; */\n  background-color: ",";\n  border-radius: 1rem;\n  div {\n    display: flex;\n    justify-content: space-between;\n    padding: 1.3rem 0;\n    border-bottom: 1px solid ",";\n\n    p {\n      color: ",";\n    }\n    img {\n      width: 2.4rem;\n      height: 2.4rem;\n    }\n  }\n  div:last-child {\n    border: none;\n  }\n"]);return _templateObject4=function(){return data},data}function _templateObject5(){let data=(0,_swc_helpers_src_tagged_template_literal_mjs__WEBPACK_IMPORTED_MODULE_0__.Z)(["\n  display: flex;\n  gap: 0.5rem;\n  margin: 0.5rem 0 0;\n  > div.black {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    min-height: 4.7rem;\n    background-color: ",";\n    border-radius: 0.8rem;\n    padding: 0 1.3rem;\n  }\n"]);return _templateObject5=function(){return data},data}function _templateObject6(){let data=(0,_swc_helpers_src_tagged_template_literal_mjs__WEBPACK_IMPORTED_MODULE_0__.Z)(["\n  color: white;\n"]);return _templateObject6=function(){return data},data}function _templateObject7(){let data=(0,_swc_helpers_src_tagged_template_literal_mjs__WEBPACK_IMPORTED_MODULE_0__.Z)(["\n  display: flex;\n  align-items: flex-end;\n  width: 8rem;\n\n  img {\n    position: static !important;\n    width: 8rem !important;\n    height: 12rem !important;\n    object-fit: contain !important;\n  }\n"]);return _templateObject7=function(){return data},data}function _templateObject8(){let data=(0,_swc_helpers_src_tagged_template_literal_mjs__WEBPACK_IMPORTED_MODULE_0__.Z)(["\n  display: flex;\n  gap: 0.4rem;\n  margin-top: 1rem;\n  input[type='text'] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 4rem;\n    height: 4rem;\n    min-width: 4rem;\n    background-color: white;\n    border: none;\n    text-align: center;\n    font-size: 2.2rem;\n    font-weight: 700;\n    color: black;\n  }\n"]);return _templateObject8=function(){return data},data}function MyLockerPasswod(){let lockerStatus=(0,src_utils__WEBPACK_IMPORTED_MODULE_8__.od)(1),router=(0,next_router__WEBPACK_IMPORTED_MODULE_3__.useRouter)(),{t,i18n}=(0,react_i18next__WEBPACK_IMPORTED_MODULE_15__.$)(),{id,type}=router.query,[qrCodeModal,setQrCodeModal]=(0,react__WEBPACK_IMPORTED_MODULE_4__.useState)(!1),[modal,setModal]=(0,react__WEBPACK_IMPORTED_MODULE_4__.useState)(!1),[data,setData]=(0,react__WEBPACK_IMPORTED_MODULE_4__.useState)({order_id:0,order_no:"",order_status:"",product_type:"",product_code:"",product_category_id:0,product_name:"",size_name:"",plan_name:"",order_start_date:"",order_end_date:"",pickup_schedule_id:"",locker_passcode_id:"",stored_product_photo_yn:0,contract_id:0,order_period_status:"in_use",passcode_valid:!1,passcode:"",entrance_lock_type:"",entrance_lock_manufacturer:"",locker_lock_type:"",locker_lock_manufacturer:"",entrance_passcode:"",entrance_passcode_valid:!1,password_both_yn:0,is_remote_type:0,locker_product_detail_id:0}),openRemoteStoragePage=()=>{window.open("/mypage/product/locker/remote/","_self","noopener,noreferrer")};(0,react__WEBPACK_IMPORTED_MODULE_4__.useEffect)(()=>{id&&type&&(0,src_utils__WEBPACK_IMPORTED_MODULE_8__.v3)({order_id:id,type:type}).then(r=>{setData(r.success)})},[]);let productName=null==data?void 0:data.product_name.split(" ",2),productPlan=null==data?void 0:data.product_name.replace(productName.join(" "),"");return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(src_components_layout__WEBPACK_IMPORTED_MODULE_5__.Z,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(Section,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("div",{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_info_edit_email__WEBPACK_IMPORTED_MODULE_10__.RenderPrevPage,{link:"/mypage/product/locker",text:t("mypage.menu.my-storage")}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("div",{style:{display:"flex",alignItems:"center",marginBottom:"1rem"},children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_info__WEBPACK_IMPORTED_MODULE_9__.Title,{children:[productName.join(" "),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("br",{}),productPlan]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(pages_mypage__WEBPACK_IMPORTED_MODULE_7__.ProductCode,{disable:"in_use"!=data.order_period_status,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(pages_mypage__WEBPACK_IMPORTED_MODULE_7__.Caption,{children:(0,src_utils__WEBPACK_IMPORTED_MODULE_8__.iB)(data.order_period_status,i18n.language)})})]})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("div",{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("div",{className:"row",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(Text,{children:t("mypage.locker.size")}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(Text,{children:null==data?void 0:data.size_name})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("div",{className:"row",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(Text,{children:t("mypage.locker.locker-code")}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(Text,{children:"#".concat(null==data?void 0:data.product_code)})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("div",{className:"row",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(Text,{children:t("mypage.locker.usage-plan")}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(Text,{children:(null==data?void 0:data.plan_name)||""})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("div",{className:"row",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(Text,{children:t("mypage.locker.period-of-use")}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(Text,{style:{textAlign:"left"},children:[null==data?void 0:data.order_start_date," - ",null==data?void 0:data.order_end_date]})]}),data.passcode_valid?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(MintContainer,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(ImageWrapper,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(src_components_general_image__WEBPACK_IMPORTED_MODULE_14__.Z,{src:_public_images_mypage_doorlock_png__WEBPACK_IMPORTED_MODULE_13__.Z,alt:"도어락"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("div",{style:{flexDirection:"column",justifyContent:"center"},children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(HowToUse,{style:{color:"black"},children:t("mypage.locker.door-lock-pin-code-6-digits")}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(PasscodeContainer,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div",{className:"black",style:{width:"75%"},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(PasscodeText,{style:{letterSpacing:"2px"},children:data.passcode||""})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("img",{src:"/images/mypage/plus.svg",style:{width:"1rem"}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div",{className:"black",style:{width:"25%"},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(PasscodeText,{children:"#"})})]})]})]}):null,data.entrance_passcode_valid?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(MintContainer,{style:{justifyContent:"flex-start",paddingLeft:"1.7rem"},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("div",{style:{flexDirection:"column",justifyContent:"center"},children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(HowToUse,{style:{color:"black"},children:t("mypage.locker.entrance-pin-code-6-digit")}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(InputPadContainer,{children:[void 0!==(null==data?void 0:data.entrance_passcode)?null==data?void 0:data.entrance_passcode.split("").map((t,idx)=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("input",{type:"text",value:t,readOnly:!0},idx)):null,(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("input",{type:"text",value:"#",readOnly:!0,style:{backgroundColor:src_consts__WEBPACK_IMPORTED_MODULE_6__.O.gray_50,color:"white"}})]})]})}):null,"in_use"==data.order_period_status&&"QR"==data.entrance_lock_type&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(Gray50Container,{style:{cursor:"pointer"},onClick(){setQrCodeModal(!0)},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(HowToUse,{children:t("mypage.locker.access-qr")})}),"ttlock"==data.locker_lock_manufacturer&&1==data.is_remote_type&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(Gray50Container,{style:{cursor:"pointer"},onClick(){openRemoteStoragePage()},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(HowToUse,{children:t("mypage.menu.open-remote-storage")})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(Gray10Container,{children:["fixed"==data.product_type?6!==data.product_category_id&&"Y"!==data.paddle_lock_yn&&0===data.is_remote_type&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(next_link__WEBPACK_IMPORTED_MODULE_2___default(),{href:"/mypage/product/locker/".concat(id,"/set-password?type=").concat(type),passHref:!0,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("div",{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(Text,{children:t("mypage.locker.set-pin-code")}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("img",{src:"/images/rightArrow.svg",alt:"right arrow"})]})}):(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(next_link__WEBPACK_IMPORTED_MODULE_2___default(),{href:"/mypage/product/locker/".concat(id,"/reserve-return?type=").concat(type),passHref:!0,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("div",{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(Text,{children:t("mypage.locker.access-to-mobile-locker")}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("img",{src:"/images/rightArrow.svg",alt:"right arrow"})]})}),"password"==data.entrance_lock_type&&"storage-pickup-box"!==type?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(next_link__WEBPACK_IMPORTED_MODULE_2___default(),{href:"/mypage/product/locker/".concat(id,"/set-entrance-password?type=").concat(type),passHref:!0,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("div",{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(Text,{children:t("mypage.locker.set-entrance-pin-code")}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("img",{src:"/images/rightArrow.svg",alt:"right arrow"})]})}):null,(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(next_link__WEBPACK_IMPORTED_MODULE_2___default(),{href:"/mypage/product/locker/".concat(data.order_id||0,"/set-photos?type=").concat(type),passHref:!0,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("div",{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(Text,{children:t("mypage.locker.storage-image")}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("img",{src:"/images/rightArrow.svg",alt:"right arrow"})]})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(next_link__WEBPACK_IMPORTED_MODULE_2___default(),{href:"/mypage/product/locker/".concat(null==data?void 0:data.contract_id,"/my-terms?type=").concat(type),passHref:!0,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("div",{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(Text,{children:t("mypage.locker.terms-and-condition")}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("img",{src:"/images/rightArrow.svg",alt:"right arrow"})]})}),"in_use"===data.order_period_status&&new Date>=new Date("2026-04-01")&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(next_link__WEBPACK_IMPORTED_MODULE_2___default(),{href:"/mypage/product/locker/".concat(id,"/termination-request?type=").concat(type),passHref:!0,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("div",{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(Text,{style:{color:src_consts__WEBPACK_IMPORTED_MODULE_6__.O.error_red},children:t("mypage.termination.title")}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("img",{src:"/images/rightArrow.svg",alt:"right arrow"})]})})]})]}),!lockerStatus&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(Gray50Container,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(HowToUse,{children:t("mypage.locker.reuse-this-plan")})})]})}),modal?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(src_components_modal_designSystem_iconButtonTypePopup__WEBPACK_IMPORTED_MODULE_11__.Z,{title:t("help.we-are-sorry"),content:t("help.we-will-soon-be-open-this-page"),subContent:t("general.etc.cs-info"),button:t("general.etc.link-to-cs"),onClose(){setModal(!1)},callback(){router.push("/help")}}):null,qrCodeModal?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(src_components_modal_mypageQrCodeModal__WEBPACK_IMPORTED_MODULE_12__.Z,{closeIcon:!0,data:data,onClose:()=>

1setQrCodeModal(!1),callback(){}}):null]})}let Section=styled_components__WEBPACK_IMPORTED_MODULE_16__.ZP.section.withConfig({componentId:"sc-c4c216d8-0"})(_templateObject(),src_consts__WEBPACK_IMPORTED_MODULE_6__.O.gray_35,src_consts__WEBPACK_IMPORTED_MODULE_6__.O.gray_50),Text=src_consts__WEBPACK_IMPORTED_MODULE_6__._.caption_1_m.regular,MintContainer=styled_components__WEBPACK_IMPORTED_MODULE_16__.ZP.div.withConfig({componentId:"sc-c4c216d8-1"})(_templateObject1(),src_consts__WEBPACK_IMPORTED_MODULE_6__.O.point_mint),Gray50Container=styled_components__WEBPACK_IMPORTED_MODULE_16__.ZP.div.withConfig({componentId:"sc-c4c216d8-2"})(_templateObject2(),src_consts__WEBPACK_IMPORTED_MODULE_6__.O.gray_50),HowToUse=(0,styled_components__WEBPACK_IMPORTED_MODULE_16__.ZP)(src_consts__WEBPACK_IMPORTED_MODULE_6__._.caption_1_m.medium).withConfig({componentId:"sc-c4c216d8-3"})(_templateObject3()),Gray10Container=styled_components__WEBPACK_IMPORTED_MODULE_16__.ZP.div.withConfig({componentId:"sc-c4c216d8-4"})(_templateObject4(),src_consts__WEBPACK_IMPORTED_MODULE_6__.O.gray_10,src_consts__WEBPACK_IMPORTED_MODULE_6__.O.gray_30,src_consts__WEBPACK_IMPORTED_MODULE_6__.O.gray_40),PasscodeContainer=styled_components__WEBPACK_IMPORTED_MODULE_16__.ZP.div.withConfig({componentId:"sc-c4c216d8-5"})(_templateObject5(),src_consts__WEBPACK_IMPORTED_MODULE_6__.O.gray_50),PasscodeText=(0,styled_components__WEBPACK_IMPORTED_MODULE_16__.ZP)(src_consts__WEBPACK_IMPORTED_MODULE_6__._.heading_1_m.medium).withConfig({componentId:"sc-c4c216d8-6"})(_templateObject6()),ImageWrapper=styled_components__WEBPACK_IMPORTED_MODULE_16__.ZP.div.withConfig({componentId:"sc-c4c216d8-7"})(_templateObject7()),InputPadContainer=styled_components__WEBPACK_IMPORTED_MODULE_16__.ZP.div.withConfig({componentId:"sc-c4c216d8-8"})(_templateObject8())},68987:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";var _swc_helpers_src_tagged_template_literal_mjs__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(7297),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(85893);__webpack_require__(67294);var next_image__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(25675),next_image__WEBPACK_IMPORTED_MODULE_3___default=__webpack_require__.n(next_image__WEBPACK_IMPORTED_MODULE_3__),styled_components__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__(32125);function _templateObject(){let data=(0,_swc_helpers_src_tagged_template_literal_mjs__WEBPACK_IMPORTED_MODULE_0__.Z)(["\n  width: 100%;\n\n  & > span {\n    position: unset !important;\n    & .autoImage {\n      object-fit: contain !important;\n      position: relative !important;\n      height: auto !important;\n      /* height: min-content; */\n    }\n  }\n  img {\n    object-fit: cover !important;\n    height: auto;\n    position: static;\n    max-height: 100%;\n  }\n"]);return _templateObject=function(){return data},data}let AutoHeightImage=param=>{let{...props}=param;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(AutoHeightImageWrapper,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(next_image__WEBPACK_IMPORTED_MODULE_3___default(),{fill:!0,className:"autoImage",...props})})};__webpack_exports__.Z=AutoHeightImage;let AutoHeightImageWrapper=styled_components__WEBPACK_IMPORTED_MODULE_4__.ZP.div.withConfig({componentId:"sc-99a66ab6-0"})(_templateObject())},45649:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{Z:function(){return MypageQRCodeModal}});var _swc_helpers_src_tagged_template_literal_mjs__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(7297),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(85893),styled_components__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__(32125),src_consts__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(4015),src_components_general_button__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(79625),react_slick__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__(46066),react_qrcode_logo__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__(45718),_modalTemplateMiddle__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__(71133),react__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__(67294),next_router__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__(11163),react_i18next__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__(26793);

1function _templateObject(){let data=(0,_swc_helpers_src_tagged_template_literal_mjs__WEBPACK_IMPORTED_MODULE_0__.Z)(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  width: 100%;\n  /* padding-bottom: 5rem; */\n  /* gap: 5rem; */\n  max-height: 80vh;\n  overflow-y: auto;\n\n  img {\n    width: 16.7rem;\n    margin: 2rem 0 3.7rem;\n    /* 14.3 */\n  }\n\n  div:not(:last-child) {\n    display: flex;\n    width: 25rem;\n\n    p:first-child {\n      width: 40%;\n      color: ",";\n    }\n\n    p:last-child {\n      color: ",";\n    }\n  }\n\n  canvas#react-qrcode-logo {\n    width: 100% !important;\n    height: 100% !important;\n  }\n"]);return _templateObject=function(){return data},data}function _templateObject1(){let data=(0,_swc_helpers_src_tagged_template_literal_mjs__WEBPACK_IMPORTED_MODULE_0__.Z)(["\n  display: flex;\n  width: 29.5rem;\n  color: white;\n  background-color: ",";\n  border-radius: 0.8rem;\n  padding: 1.3rem 1.3rem;\n  margin-top: 3rem;\n  text-align: center;\n"]);return _templateObject1=function(){return data},data}function _templateObject2(){let data=(0,_swc_helpers_src_tagged_template_literal_mjs__WEBPACK_IMPORTED_MODULE_0__.Z)(["\n  display: block !important;\n  //flex-direction: column;\n  width: 100% !important;\n  color: ",";\n  background-color: ",";\n  border-radius: 0.8rem;\n  padding: 2rem 1.3rem;\n  margin-top: 3rem;\n  text-align: center;\n"]);return _templateObject2=function(){return data},data}function _templateObject3(){let data=(0,_swc_helpers_src_tagged_template_literal_mjs__WEBPACK_IMPORTED_MODULE_0__.Z)(["\n  width: 100% !important;\n  color: ",";\n  font: 1.3rem Noto Sans KR;\n  font-weight: 300;\n"]);return _templateObject3=function(){return data},data}function _templateObject4(){let data=(0,_swc_helpers_src_tagged_template_literal_mjs__WEBPACK_IMPORTED_MODULE_0__.Z)(["\n  width: 100%;\n  color: ",";\n  font: 1.8rem Noto Sans KR;\n  font-weight: 500;\n"]);return _templateObject4=function(){return data},data}function _templateObject5(){let data=(0,_swc_helpers_src_tagged_template_literal_mjs__WEBPACK_IMPORTED_MODULE_0__.Z)(["\n  display: block;\n  width: 300px !important;\n  height: 189px !important;\n  z-index: 10;\n  margin: unset !important;\n"]);return _templateObject5=function(){return data},data}function _templateObject6(){let data=(0,_swc_helpers_src_tagged_template_literal_mjs__WEBPACK_IMPORTED_MODULE_0__.Z)(["\n  display: flex;\n  flex-direction: initial;\n  justify-content: center;\n  align-items: center;\n  width: 250px !important;\n  height: 250px !important;\n  margin-top: 1.3rem;\n"]);return _templateObject6=function(){return data},data}function _templateObject7(){let data=(0,_swc_helpers_src_tagged_template_literal_mjs__WEBPACK_IMPORTED_MODULE_0__.Z)(["\n  display: block;\n  position: absolute;\n  z-index: 100;\n  bottom: 0.5em;\n  width: 118px !important;\n  height: 118px !important;\n"]);return _templateObject7=function(){return data},data}function MypageQRCodeModal(param){let{closeIcon,data,callback,onClose}=param,router=(0,next_router__WEBPACK_IMPORTED_MODULE_8__.useRouter)(),{t,i18n}=(0,react_i18next__WEBPACK_IMPORTED_MODULE_9__.$)(),[qrZoom,setQrZoom]=(0,react__WEBPACK_IMPORTED_MODULE_7__.useState)(!1);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_modalTemplateMiddle__WEBPACK_IMPORTED_MODULE_6__.Z,{setOnModal:onClose,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div",{children:data.qrcode.length>0?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div",{style:{paddingBottom:"1.8rem"},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(react_slick__WEBPACK_IMPORTED_MODULE_4__.Z,{dots:!0,arrows:!1,infinite:!0,speed:500,slidesToShow:1,autoplay:!1,centerPadding:"0px",children:data.qrcode.map((code,idx)=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div",{children:qrZoom?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(InnerContent,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(Title,{children:t("main.qr.access-qr-code")}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(ExpandedQrCode,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(react_qrcode_logo__WEBPACK_IMPORTED_MODULE_5__.QRCode,{value:code.card_id,bgColor:"#00C6B2"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div",{style:{display:"block",margin:"3rem auto",fontSize:"15px",fontWeight:"500",textAlign:"center"},children:code.store_name}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(Rectangle,{style:{marginBottom:"3rem"},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(RectText,{children:t("main.qr.adjust-the-brightness")})})]}):(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(InnerContent,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(Title,{children:t("main.qr.access-qr-code-entry")}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div",{style:{display:"flex",position:"relative",width:"100%",justifyContent:"center",marginTop:"1.3rem",marginBottom:"0.8rem"},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(ExpandedQrCode,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(react_qrcode_logo__WEBPACK_IMPORTED_MODULE_5__.QRCode,{value:code.card_id,bgColor:"#ffffff"})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("div",{style:{marginTop:"1.3rem",marginBottom:"0.8rem"},children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(Caption,{children:t("main.qr.user")}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(Caption,{children:code.name})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("div",{style:{marginBottom:"0.8rem"},children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(Caption,{children:t("main.qr.location")}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(Caption,{children:code.store_name})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("div",{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(Caption,{children:t("main.qr.storage-number")}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(Caption,{children:code.locker_code})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(Rectangle,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(RectText,{children:t("main.qr.qr-warning")})})]})},idx))})}):(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div",{style:{paddingBottom:"1.8rem"},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(InnerContent,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(Title,{children:t("main.qr.access-qr-code")}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(ExpandedQrCode,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("img",{src:"/images/main/noqr.svg"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(QrRectangle,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(QrRectText,{children:t("main.qr.you-have-no-access")}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(QrRectTextBold,{children:t("main.qr.less-clutter-live-better")})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div",{style:{display:"flex",flexDirection:"row",width:"100%",marginTop:"1.3rem",marginBottom:"0.8rem"},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(src_components_general_button__WEBPACK_IMPORTED_MODULE_3__.Z,{type:"color",size:"small",text:t("main.qr.start-to-use"),isEnabled:!0,width:"100% !important",height:"5rem",margin:"1rem 0.5rem 0 0",fontSize:"1.4rem",fontWeight:"500",onClick(){router.push("/product/locker")}})})]})})})})}let InnerContent=styled_components__WEBPACK_IMPORTED_MODULE_10__.ZP.div.withConfig({componentId:"sc-f01be1f3-0"}

1)(_templateObject(),src_consts__WEBPACK_IMPORTED_MODULE_2__.O.gray_35,src_consts__WEBPACK_IMPORTED_MODULE_2__.O.gray_50),Title=src_consts__WEBPACK_IMPORTED_MODULE_2__._.heading_3_m.regular,Caption=src_consts__WEBPACK_IMPORTED_MODULE_2__._.caption_1_m.regular,Rectangle=styled_components__WEBPACK_IMPORTED_MODULE_10__.ZP.div.withConfig({componentId:"sc-f01be1f3-1"})(_templateObject1(),src_consts__WEBPACK_IMPORTED_MODULE_2__.O.gray_50),RectText=src_consts__WEBPACK_IMPORTED_MODULE_2__._.caption_2_m.medium,QrRectangle=styled_components__WEBPACK_IMPORTED_MODULE_10__.ZP.div.withConfig({componentId:"sc-f01be1f3-2"})(_templateObject2(),src_consts__WEBPACK_IMPORTED_MODULE_2__.O.gray_35,src_consts__WEBPACK_IMPORTED_MODULE_2__.O.gray_0),QrRectText=styled_components__WEBPACK_IMPORTED_MODULE_10__.ZP.p.withConfig({componentId:"sc-f01be1f3-3"})(_templateObject3(),src_consts__WEBPACK_IMPORTED_MODULE_2__.O.gray_0),QrRectTextBold=styled_components__WEBPACK_IMPORTED_MODULE_10__.ZP.p.withConfig({componentId:"sc-f01be1f3-4"})(_templateObject4(),src_consts__WEBPACK_IMPORTED_MODULE_2__.O.black);styled_components__WEBPACK_IMPORTED_MODULE_10__.ZP.img.withConfig({componentId:"sc-f01be1f3-5"})(_templateObject5());let ExpandedQrCode=styled_components__WEBPACK_IMPORTED_MODULE_10__.ZP.div.withConfig({componentId:"sc-f01be1f3-6"})(_templateObject6());styled_components__WEBPACK_IMPORTED_MODULE_10__.ZP.div.withConfig({componentId:"sc-f01be1f3-7"})(_templateObject7())}},function(__webpack_require__){__webpack_require__.O(0,[1664,8764,9685,5718,5675,6066,9063,7333,5752,8272,5019,1952,1293,9774,2888,179],function(){return __webpack_require__(__webpack_require__.s=24837)}),_N_E=__webpack_require__.O()}]);