https://www.boxful.kr/_next/static/chunks/pages/product/locker/[id]/[facilityType]-18b9fc1c0e01b155.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2247],{42792:function(__unused_webpack_module,__unused_webpack_exports,__webpack_require__){(window.__NEXT_P=window.__NEXT_P||[]).push(["/product/locker/[id]/[facilityType]",function(){return __webpack_require__(76238)}])},76238:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{__N_SSP:function(){return __N_SSP},default:function(){return StoreFacilityPageView}});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),react__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(67294),styled_components__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__(32125),src_components_layout__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(77814),next_router__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__(11163),src_utils__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__(17333),src_styles_globalStyle__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__(51486),react_i18next__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__(26793),src_consts_pretendardTypos__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__(95679),_mypage_info_edit_email__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__(91952),src_consts__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__(4015),src_components_modal_product_lockerSubmitModal__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__(64851),src_components_modal_tempOrderModal__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__(73767),src_components_modal_lockerPendingModal__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__(72129),src_components_general_headMeta__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__(35357);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  position: relative;\n  width: 100%;\n  padding: 5rem 2rem 1rem 2rem;\n  margin: 0;\n\n  > div * {\n    img {\n      max-width: 100% !important;\n    }\n  }\n\n  @media (max-width: ",") {\n    padding: 3rem 1.5rem 1rem 1.5rem;\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  flex-direction: column;\n  width: 100%;\n\n  div.overlay-container {\n    display: flex;\n    flex-direction: row;\n    width: 29.8rem;\n    background-color: white;\n    padding: 1rem 0;\n    position: relative;\n\n    div.link-container {\n      display: flex;\n      margin-right: 10px;\n      p.icon {\n        a{\n          img {\n            width: 8rem;\n            height: 8rem;\n          }\n        }\n      }\n    }\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  width: 100%;\n  max-height: 300px;\n  object-fit: cover;\n  border-radius: 12px;\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%;\n  margin-top: 40px;\n  padding-top: 40px;\n  border-top: 1px solid #E5E8EB;\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  margin-bottom: 16px;\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  flex-direction: column;\n  gap: 12px;\n  width: 100%;\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  justify-content: space-between;\n  align-items: center;\n  padding: 16px 20px;\n  border: 1px solid #E5E8EB;\n  border-radius: 8px;\n  cursor: pointer;\n  transition: all 0.2s ease;\n\n  &:hover {\n    border-color: ",";\n    background-color: #F8F9FA;\n  }\n"]);

1return _templateObject6=function(){return data},data}var __N_SSP=!0;function StoreFacilityPageView(param){var ref;let{initialData,ogData}=param,router=(0,next_router__WEBPACK_IMPORTED_MODULE_4__.useRouter)(),{t,i18n}=(0,react_i18next__WEBPACK_IMPORTED_MODULE_14__.$)(),{id,facilityType,lang,...restQuery}=router.query,[data,setData]=(0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(initialData||{title:"",contents:"",store_name:"",facility_name:"",plans:[],product_category:null}),[plan,setPlan]=(0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(),[selectProduct,setSelectProduct]=(0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(()=>(null==initialData?void 0:initialData.product_category)&&(null==initialData?void 0:initialData.plans)?{id:initialData.product_category.id,name:initialData.product_category.name,img:initialData.product_category.image,size:initialData.product_category.size||null,description:initialData.product_category.description,detail_type:initialData.product_category.detail_type,plans:initialData.plans,inventory:999,additional_facility_inventory:999}:null),[beforeSubmitModal,setBeforeSubmitModal]=(0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(!1),[processOrderModal,setProcessingOrderModal]=(0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(!1),[pendingModal,setPendingModal]=(0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(!1),[processOrderData,setProcessOrderData]=(0,react__WEBPACK_IMPORTED_MODULE_2__.useState)();(0,react__WEBPACK_IMPORTED_MODULE_2__.useEffect)(()=>{lang&&"en"===lang&&i18n.changeLanguage("en").then(()=>{window.localStorage.setItem("locale","en"),router.replace({pathname:router.pathname,query:{id,facilityType,...restQuery}})})},[lang]),(0,react__WEBPACK_IMPORTED_MODULE_2__.useEffect)(()=>{!initialData&&router.isReady&&id&&facilityType&&(0,src_utils__WEBPACK_IMPORTED_MODULE_5__.Yt)(id,facilityType).then(res=>{if(res.success&&res.success.contents){if(setData(res.success),res.success.product_category&&res.success.plans){let productData={id:res.success.product_category.id,name:res.success.product_category.name,img:res.success.product_category.image,size:res.success.product_category.size||null,description:res.success.product_category.description,detail_type:res.success.product_category.detail_type,plans:res.success.plans,inventory:999,additional_facility_inventory:999};setSelectProduct(productData)}}else router.push("/product/locker/".concat(id))}).catch(e=>{alert(t("alert.no-valid-facility-page")),router.push("/product/locker/".concat(id))})},[router.isReady,id,facilityType,initialData]);let closeModal=()=>{(null==processOrderData?void 0:processOrderData.temp_order_no)?(0,src_utils__WEBPACK_IMPORTED_MODULE_5__.WV)(processOrderData.temp_order_no).then(res=>{}).catch(e=>console.log(e)).finally(()=>{setProcessingOrderModal(!1)}):setProcessingOrderModal(!1)},handlePlanClick=async clickedPlan=>{selectProduct&&(0,src_utils__WEBPACK_IMPORTED_MODULE_5__.Z5)().then(res=>{var ref;(null===(ref=res.success.data)||void 0===ref?void 0:ref.temp_order_no)!==void 0&&(setProcessingOrderModal(!0),setProcessOrderData(res.success.data))}).finally(()=>{let inventory="day"===clickedPlan.payment_unit?selectProduct.additional_facility_inventory:selectProduct.inventory;if(0==inventory){setPendingModal(!0);return}setPlan(clickedPlan),setBeforeSubmitModal(!0)})};return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(react__WEBPACK_IMPORTED_MODULE_2__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(src_components_general_headMeta__WEBPACK_IMPORTED_MODULE_13__.Z,{title:ogData.title,description:ogData.description,image:ogData.image,url:ogData.url}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(src_components_layout__WEBPACK_IMPORTED_MODULE_3__.Z,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(Main,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(NoPaddingArticle,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_mypage_info_edit_email__WEBPACK_IMPORTED_MODULE_8__.RenderPrevPage,{link:"/product/locker/".concat(id),text:t("mypage.menu.my-storage")})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(NoPaddingArticle,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(src_consts_pretendardTypos__WEBPACK_IMPORTED_MODULE_7__.pN,{className:"medium",children:(null==data?void 0:data.store_name)||""})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(NoPaddingArticle,{style:{marginTop:"20px"},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(src_consts_pretendardTypos__WEBPACK_IMPORTED_MODULE_7__.qx,{className:"bold",style:{color:src_consts__WEBPACK_IMPORTED_MODULE_9__.O.point_mint},children:(null==data?void 0:data.facility_name)||""})}),(null==data?void 0:data.store_address)&&(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)(NoPaddingArticle,{style:{marginTop:"40px"},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(src_consts_pretendardTypos__WEBPACK_IMPORTED_MODULE_7__.qx,{className:"bold",children:t("guide.address")})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(NoPaddingArticle,{children:(null==data?void 0:data.naver)!==""?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("a",{href:null==data?void 0:data.naver,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("span",{style:{fontSize:"1.8rem"},children:null==data?void 0:data.store_address})}):(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("span",{style:{fontSize:"1.8rem"},children:null==data?void 0:data.store_address})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(NoPaddingArticle,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("div",{className:"overlay-container",children:[(null==data?void 0:data.k

1akao)?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div",{className:"link-container",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("p",{className:"icon",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("a",{href:null==data?void 0:data.kakao,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("img",{src:"/images/main/kakao_navi_shadow_icon.png"})})})}):null,(null==data?void 0:data.naver)?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div",{className:"link-container",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("p",{className:"icon",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("a",{href:null==data?void 0:data.naver,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("img",{src:"/images/main/naver_map_shadow_icon.png"})})})}):null]})})]}),(null==data?void 0:data.images)&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(NoPaddingArticle,{style:{marginTop:"20px"},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(FacilityThumbnail,{src:data.images,alt:(null==data?void 0:data.facility_name)||""})})]}),(null==data?void 0:data.plans)&&data.plans.length>0&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(Main,{style:{paddingTop:"0"},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(PlanSection,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(src_consts_pretendardTypos__WEBPACK_IMPORTED_MODULE_7__.De,{className:"medium",style:{marginBottom:"16px"},children:t("product.locker.select-plan")}),data.product_category&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(ProductCategoryInfo,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(src_consts_pretendardTypos__WEBPACK_IMPORTED_MODULE_7__.y9,{className:"medium",style:{color:"#6B7684"},children:data.product_category.name}),data.product_category.description&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(src_consts_pretendardTypos__WEBPACK_IMPORTED_MODULE_7__.y9,{style:{color:"#9BA3AF",marginTop:"4px"},children:data.product_category.description})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(ProductPlanContainer,{children:data.plans.sort((a,b)=>Number(a.month||a.monthly_price)-Number(b.month||b.monthly_price)).map((planItem,idx)=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(PlanItem,{onClick:()=>handlePlanClick(planItem),children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(src_consts_pretendardTypos__WEBPACK_IMPORTED_MODULE_7__.y9,{className:"regular",children:planItem.name}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("div",{style:"ko"==i18n.language?{display:"flex",flexDirection:"row"}:{display:"flex",flexDirection:"column",textAlign:"right"},children:[idx>0?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(src_consts_pretendardTypos__WEBPACK_IMPORTED_MODULE_7__.y9,{className:"regular",children:["".concat((0,src_utils__WEBPACK_IMPORTED_MODULE_5__.x6)(planItem.single_payment_price)).concat(t("product.price.krw")),"en"==i18n.language?" One Time Pay":""]}):null,idx>0&&"ko"==i18n.language?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(src_consts_pretendardTypos__WEBPACK_IMPORTED_MODULE_7__.y9,{style:{color:"#808080"},children:"\xa0|\xa0"}):null,(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(src_consts_pretendardTypos__WEBPACK_IMPORTED_MODULE_7__.y9,{style:{color:"#808080"},children:[t("product.price.monthly"),"".concat((0,src_utils__WEBPACK_IMPORTED_MODULE_5__.x6)(planItem.monthly_price)).concat(t("product.price.krw"))]})]})]},idx))})]})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(Main,{className:"ql-snow pt-0",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div",{className:"ql-editor",dangerouslySetInnerHTML:{__html:(null===(ref=data.contents)||void 0===ref?void 0:ref.length)?data.contents:"<div>Now Loading...</div>"}})})]}),beforeSubmitModal&&selectProduct&&plan&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(src_components_modal_product_lockerSubmitModal__WEBPACK_IMPORTED_MODULE_10__.Z,{data:[{product_category_id:selectProduct.id,plan_id:plan.id,qty:1,detail_type:selectProduct.detail_type}],products:selectProduct,productType:"fixed",storeName:data.store_name,storeId:Number(id),onClose(){setBeforeSubmitModal(!1)}}),pendingModal&&selectProduct&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(src_components_modal_lockerPendingModal__WEBPACK_IMPORTED_MODULE_12__.Z,{products:selectProduct,productType:"fixed",storeName:data.store_name,storeId:Number(id),onClose(){setPendingModal(!1)}}),processOrderModal&&processOrderData&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(src_components_modal_tempOrderModal__WEBPACK_IMPORTED_MODULE_11__.Z,{title:t("order.temp.you-have-exist-booking"),productName:"locker"==processOrderData.product_type?processOrderData.store_name:"box"==processOrderData.product_type?"".concat(t("general.pickup-min")," | ").concat(t("product.pickup.by-the-item")):"".concat(t("general.pickup-min")," | ").concat(t("product.pickup.by-square-feet")),button1:t("general.etc.no"),button2:t("general.etc.yes"),onClose:closeModal,callback1:closeModal,callback2(){router.push("/order/".concat("locker"==processOrderData.product_type?processOrderData.product_type:"/pickup/".concat(processOrderData.product_type),"/").concat(processOrderData.temp_order_no))}})]})}let Main=styled_components__WEBPACK_IMPORTED_MODULE_15__.ZP.main.withConfig({componentId:"sc-82f61b8c-0"}

1)(_templateObject(),src_styles_globalStyle__WEBPACK_IMPORTED_MODULE_6__.wC),NoPaddingArticle=styled_components__WEBPACK_IMPORTED_MODULE_15__.ZP.article.withConfig({componentId:"sc-82f61b8c-1"})(_templateObject1()),FacilityThumbnail=styled_components__WEBPACK_IMPORTED_MODULE_15__.ZP.img.withConfig({componentId:"sc-82f61b8c-2"})(_templateObject2()),PlanSection=styled_components__WEBPACK_IMPORTED_MODULE_15__.ZP.section.withConfig({componentId:"sc-82f61b8c-3"})(_templateObject3()),ProductCategoryInfo=styled_components__WEBPACK_IMPORTED_MODULE_15__.ZP.div.withConfig({componentId:"sc-82f61b8c-4"})(_templateObject4()),ProductPlanContainer=styled_components__WEBPACK_IMPORTED_MODULE_15__.ZP.div.withConfig({componentId:"sc-82f61b8c-5"})(_templateObject5()),PlanItem=styled_components__WEBPACK_IMPORTED_MODULE_15__.ZP.div.withConfig({componentId:"sc-82f61b8c-6"})(_templateObject6(),src_consts__WEBPACK_IMPORTED_MODULE_9__.O.point_mint)}},function(__webpack_require__){__webpack_require__.O(0,[1664,8764,298,9685,2237,8683,9063,7333,5752,8272,5019,3950,7109,356,1952,9774,2888,179],function(){return __webpack_require__(__webpack_require__.s=42792)}),_N_E=__webpack_require__.O()}]);