https://www.mieum.kr/static/js/1933.a1a49202.chunk.js

1"use strict";(self.webpackChunkshop_react_web=self.webpackChunkshop_react_web||[]).push([[1933],{37849:(e,n,t)=>{t.d(n,{A:()=>o});t(65043);const o=t.p+"static/media/ico_kakao_channel.f670f7932f6b907f18c9f6ad419753e8.svg"},20906:(e,n,t)=>{t.d(n,{A:()=>i});var o=t(23175),a=t(70579);const i=e=>{let{width:n=11,height:t=22,$widthWt:i,$heightWt:l,stroke:r="var(--color-gray-500)"}=e;return(0,a.jsx)(a.Fragment,{children:(0,a.jsx)(o.E,{width:n,height:t,$widthWt:i,$heightWt:l,viewBox:"0 0 11 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,a.jsx)("path",{d:"M1.95235 9.74586L4.39848 12.1436L9.5663 7L10.5331 7.96202L4.39848 14.0822L1 10.7079L1.95235 9.74586Z",fill:r})})})}},53692:(e,n,t)=>{t.d(n,{S:()=>i});t(65043);var o=t(40186),a=t(70579);const i=e=>{let{id:n,name:t,checked:i,onChange:l,width:r,height:s,isRemoveEvent:d,hasNoData:c,padding:h}=e;return(0,a.jsx)(a.Fragment,{children:(0,a.jsxs)(o.vm,{htmlFor:t+n,style:{justifyContent:"center",pointerEvents:d?"none":"all"},disabled:c,padding:null!==h&&void 0!==h?h:"13px 8px",children:[(0,a.jsx)("input",{type:"checkbox",id:t+n,name:t,checked:i,onChange:l,readOnly:void 0===l}),(0,a.jsx)(o.Sr,{width:r,height:s,children:(0,a.jsx)("svg",{viewBox:"16px"===r?"0 0 24 30":"0 0 24 24",children:(0,a.jsx)("polyline",{points:"19 7 10 17 5 12"})})})]})})}},80468:(e,n,t)=>{t.d(n,{A:()=>c});t(65043);var o=t(39263),a=t(97605),i=t(399),l=t(59116),r=t(92633),s=t(35509),d=t(70579);const c=e=>{const{modal:n,setModal:t,description:c,caption:h,onSubmit:p,isNestedModal:x,btnText:u}=e;(0,r.A)(n,x);const g=()=>{t(!1)};return(0,d.jsx)(d.Fragment,{children:n?(0,d.jsx)(o.hE,{onClick:g,children:(0,d.jsxs)(o.lT,{padding:"32px 16px 16px",onClick:e=>e.stopPropagation(),children:[(0,d.jsxs)(a.pT,{direction:"column",gap:"8px",padding:h?"0 16px 24px":"0 0 24px",children:[(0,d.jsx)(i.V9,{fontSize:l.$N.size18,fontWeight:l.sO.semiBold,align:"center",style:{whiteSpace:"pre-wrap"},children:c}),h&&(0,d.jsx)(i.x5,{color:"var(--color-gray-400)",fontWeight:l.sO.medium,align:"center",style:{whiteSpace:"pre-wrap"},children:h})]}),(0,d.jsx)(s.oT,{onClick:()=>p?p():g(),children:null!==u&&void 0!==u?u:"\ud655\uc778"})]})}):""})}},83631:(e,n,t)=>{t.d(n,{A:()=>K});var o=t(65043),a=t(39263),i=t(24925),l=t(97605),r=t(48120),s=t(399),d=t(59116),c=t(37849),h=t(70579);const p=()=>(0,h.jsxs)(l.pT,{width:"100%",padding:"16px 20px",radius:r.A.corner16,background:"rgba(254, 229, 0, 0.75)",direction:"column",align:"flex-start",gap:"4px",children:[(0,h.jsxs)(l.pT,{gap:"8px",children:[(0,h.jsx)("img",{src:c.A,alt:"\uce74\uce74\uc624\ube44\uc988\ub2c8\uc2a4\ucc44\ub110"}),(0,h.jsx)(s.x5,{color:"#444",fontSize:d.$N.size12,fontWeight:d.sO.medium,$lineHeight:d.kj.height20,children:"\ube44\uc988\ub2c8\uc2a4 \ucc44\ub110 \uc124\uc815"})]}),(0,h.jsxs)("div",{children:[(0,h.jsx)(s.cA,{color:"#444",fontSize:d.$N.size12,$lineHeight:d.kj.height20,children:"\ube44\uc988\ub2c8\uc2a4\uc6a9 \uce74\uce74\uc624\ud1a1 \ucc44\ub110\uc744 \uc5f0\ub3d9\ud558\uba74 \ub0b4 \uc0f5 \uc774\ub984\uc73c\ub85c \uace0\uac1d\uc5d0\uac8c \uc54c\ub9bc\ud1a1\uc744 \ubcf4\ub0bc \uc218 \uc788\uc5b4\uc694."}),(0,h.jsx)(s.cA,{color:"#444",fontSize:d.$N.size12,$lineHeight:d.kj.height20,children:"\uce74\uce74\uc624 \ube44\uc988\ub2c8\uc2a4 \ucc44\ub110 \ub4f1\ub85d \ubc0f \uac80\uc218\ub294 \ucd5c\ub300 2 \uc601\uc5c5\uc77c\uc774 \uc18c\uc694\ub420 \uc218 \uc788\uc5b4\uc694."})]})]});var x=t(59380),u=t(40186),g=t(35509),m=t(39806),v=t(96154),j=t(56743);const k=e=>{var n,t,o,a;let{status:i}=e;const c={[j.Yk.PENDING]:{background:"var(--color-green-50)",color:"var(--color-green-500-main)",icon:(0,h.jsx)(v.A,{}),label:"\uac80\uc218\uc911"},[j.Yk.CONNECTED]:{background:"var(--color-blue-50)",color:"var(--color-blue-500-main)",icon:(0,h.jsx)(m.A,{}),label:"\uc5f0\ub3d9\uc644\ub8cc"}};return i===j.Yk.NOT_CONNECTED?null:(0,h.jsxs)(l.pT,{background:null===(n=c[i])||void 0===n?void 0:n.background,padding:"6px 14px",gap:"4px",radius:r.A.corner20,children:[null===(t=c[i])||void 0===t?void 0:t.icon,(0,h.jsx)(s.x5,{color:null===(o=c[i])||void 0===o?void 0:o.color,fontWeight:d.sO.medium,children:null===(a=c[i])||void 0===a?void 0:a.label})]})};

1var f=t(92633),b=t(80662),C=t(62991),w=t(80468),y=t(28568),A=t(79627),I=t(1281),T=t(20906);const S=t.p+"static/media/img_kakao_biz_connect_guid.85d22dd7f4b90b1cb762.png";var N=t(98631);const K=e=>{const{modal:n,setModal:t}=e,c=(0,N.D)((e=>e.kakaoChannelInfo)),{postKakaoChannelAuthToken:m,postKakaoChannel:v,deletetKakaoChannel:K}=(0,b.q)();(0,f.A)(n);const $=(null===c||void 0===c?void 0:c.status)===j.Yk.NOT_CONNECTED,O=(null===c||void 0===c?void 0:c.status)===j.Yk.PENDING,[z,E]=(0,o.useState)(""),[D,_]=(0,o.useState)(""),[F,W]=(0,o.useState)(""),[B,L]=(0,o.useState)(!1),[M,H]=(0,o.useState)(!1),[Y,q]=(0,o.useState)(!1),[P,U]=(0,o.useState)(""),[Q,G]=(0,o.useState)(""),Z=D.length===C.oB.tel&&z.length>0,R=D.length===C.oB.tel&&F.length===C.oB.kakaoAuthToken,V=e=>{window.open(e,"_blank")},X=()=>{E(""),_(""),W(""),L(!1)},J=()=>{U("\uc778\uc99d\ucf54\ub4dc\uac00 \uc77c\uce58\ud558\uc9c0 \uc54a\uc544\uc694"),G("\uc778\uc99d\ucf54\ub4dc\ub97c \ub2e4\uc2dc \ud655\uc778\ud574 \uc8fc\uc138\uc694"),H(!0)},ee=()=>{U("\uce74\uce74\uc624 \ube44\uc988\ub2c8\uc2a4\ucc44\ub110 \uc2e0\uccad \uc644\ub8cc"),G("\uac80\uc218\ub294 \ucd5c\ub300 2\uc601\uc5c5\uc77c\uc774 \uc18c\uc694\ub420 \uc218 \uc788\uc5b4\uc694"),H(!0),X()},ne=()=>{if($){const e={channelId:$?z:null===c||void 0===c?void 0:c.channelId,token:F};v(e,ee,J)}else K()};return(0,h.jsx)(h.Fragment,{children:n?(0,h.jsxs)(a.hE,{children:[(0,h.jsxs)(a.lT,{padding:"28px 24px 24px",$maxWidth:"560px",children:[(0,h.jsxs)(l.pT,{height:"34px",children:[(0,h.jsx)(a.wt,{children:"\uce74\uce74\uc624 \ube44\uc988\ub2c8\uc2a4 \ucc44\ub110 \uc5f0\ub3d9"}),(0,h.jsx)(k,{status:null===c||void 0===c?void 0:c.status})]}),(0,h.jsxs)(l.pT,{direction:"column",gap:"16px",width:"100%",margin:"12px 0 32px",children:[(0,h.jsx)(p,{}),(0,h.jsxs)(l.pT,{direction:"column",align:"flex-start",gap:"8px",width:"100%",children:[(0,h.jsxs)(l.pT,{justify:"space-between",width:"100%",children:[(0,h.jsx)(s.x5,{color:"var(--color-gray-600)",fontWeight:d.sO.medium,children:"\uce74\uce74\uc624\ud1a1 \ucc44\ub110"}),(0,h.jsxs)(l.pT,{role:"button",onClick:e=>{e.stopPropagation(),V(A.z4.KAKAO_CHANNEL)},children:[(0,h.jsx)(s.tu,{color:"var(--color-gray-600)",fontSize:d.$N.size12,$lineHeight:d.kj.height20,fontWeight:d.sO.medium,$textUnderlineOffset:"2px",children:"business.kakao.com"}),(0,h.jsx)(I.A,{width:16,stroke:"var(--color-gray-600)"})]})]}),(0,h.jsx)(u.pd,{placeholder:"\uac80\uc0c9\uc6a9 \uc544\uc774\ub514\ub97c \uc785\ub825\ud574 \uc8fc\uc138\uc694",value:$?z:null===c||void 0===c?void 0:c.channelId,onChange:e=>{E(e.target.value.trim().replace(/[^\p{L}\p{N}]/gu,""))},maxLength:C.oB.kakaoChannelId,disabled:!$,onKeyDown:e=>{(0,x.cB)(e)}}),$&&(0,h.jsxs)(l.pT,{role:"button",width:"100%",padding:"12px",radius:r.A.corner16,background:"var(--color-primary-50)",justify:"flex-start",children:[(0,h.jsxs)(l.pT,{gap:"4px",children:[(0,h.jsx)(T.A,{stroke:"var(--color-primary-500-main)"}),(0,h.jsx)(s.tu,{color:"var(--color-primary-500-main)",fontWeight:d.sO.medium,$hoverColor:"var(--color-primary-500-main)",$activeColor:"var(--color-primary-500-main)",$textUnderlineOffset:"2px",onClick:e=>{e.stopPropagation(),V(A.z4.KAKAO_CHANNEL_GUIDE)},children:"\uce74\uce74\uc624 \ube44\uc988\ub2c8\uc2a4 \ucc44\ub110 \uc5f0\ub3d9\uac00\uc774\ub4dc"})]}),(0,h.jsx)(s.x5,{color:"var(--color-gray-600)",fontWeight:d.sO.medium,$textUnderlineOffset:"2px",children:"\ub97c \ucc38\uace0\ud574\uc8fc\uc138\uc694!"})]})]}),$&&(0,h.jsxs)(l.pT,{direction:"column",align:"flex-start",gap:"8px",width:"100%",children:[(0,h.jsx)(s.x5,{color:"var(--color-gray-600)",fontWeight:d.sO.medium,children:"\ud734\ub300\ud3f0 \ubc88\ud638"}),(0,h.jsxs)(l.pT,{width:"100%",gap:"8px",children:[(0,h.jsx)(u.pd,{placeholder:"\ud734\ub300\ud3f0 \ubc88\ud638\ub97c \uc785\ub825\ud574 \uc8fc\uc138\uc694",value:D,onChange:e=>{var n;_(null===(n=e.target.value)||void 0===n?void 0:n.trim().replace(/[^0-9]/g,""))},maxLength:C.oB.tel,onKeyDown:e=>{(0,x.cB)(e)}}),(0,h.jsx)(g.cO,{type:"button",width:"max-content",$activeTransform:"unset",padding:"14px 32px",color:"var(--color-gray-500)",disabled:!Z,onClick:()=>

1{if(!$&&(null===c||void 0===c||!c.channelId))return;const e={channelId:$?z:null===c||void 0===c?void 0:c.channelId,phoneNumber:D};m(e,(()=>L(!0)))},children:"\uc778\uc99d\uc694\uccad"})]})]}),B&&(0,h.jsxs)(l.pT,{direction:"column",align:"flex-start",gap:"8px",width:"100%",children:[(0,h.jsx)(s.x5,{color:"var(--color-gray-600)",fontWeight:d.sO.medium,children:"\uc778\uc99d\ucf54\ub4dc"}),(0,h.jsx)(u.pd,{placeholder:"\uc778\uc99d\ucf54\ub4dc\ub97c \uc785\ub825\ud574 \uc8fc\uc138\uc694",value:F,maxLength:C.oB.kakaoAuthToken,onChange:e=>{var n;W(null===(n=e.target.value)||void 0===n?void 0:n.trim().replace(/[^0-9]/g,""))},onKeyDown:e=>{(0,x.cB)(e)}}),!1]})]}),(0,h.jsx)(i.A,{isSmallBtn:!0,isOnlyCloseBtn:O,btnText:$?"\uc2e0\uccad\ud558\uae30":"\ud574\uc9c0\ud558\uae30",isDisabled:!!$&&!R,onSubmit:ne,handleClose:()=>{t(!1),X(),U(""),G("")}})]}),$&&(0,h.jsx)(l.pT,{width:"538px",justify:"start",padding:"0 0 0 16px",children:(0,h.jsx)("img",{src:S,alt:"\ucc38\uace0\uc774\ubbf8\uc9c0"})}),(0,h.jsx)(w.A,{modal:M,setModal:H,description:P,caption:Q,isNestedModal:!0}),(0,h.jsx)(y.A,{modal:Y,setModal:q,onSubmit:ne,description:"\uce74\uce74\uc624\ud1a1 \ucc44\ub110 \uc5f0\ub3d9\uc744 \ud574\uc81c\ud560\uae4c\uc694?",caption:"\ud574\uc81c \uc2dc \uc5f0\ub3d9\ub41c \ucc44\ub110\uc774 \uc0ad\uc81c\ub418\uba70,\n\uc54c\ub9bc\ud1a1 \ubc1c\uc1a1\uc740 \ubbf8\uc74c \uacc4\uc815\uc73c\ub85c \uc804\ud658\ub418\uc5b4\uc694",isNestedModal:!0,btnText:"\uc644\ub8cc"})]}):""})}},80662:(e,n,t)=>{t.d(n,{A:()=>p,q:()=>h});var o=t(65043),a=t(14365),i=t(93747),l=t(47097),r=t(23749);const s=(0,a.DY)("kakaoChannel",{fetchKakaoChannelInfo:e=>[e]});var d=t(60441),c=t(98631);const h=()=>{const e=sessionStorage.getItem("shopId"),n=(0,c.D)((e=>e.setKakaoChannelInfo)),[t,a]=(0,o.useState)(!1),{data:h}=((e,n)=>(0,i.I)({queryKey:s.fetchKakaoChannelInfo(e).queryKey,queryFn:()=>(0,r.DA)(e),enabled:!!n}))(e,t),{mutate:p}=(0,l.n)({mutationFn:e=>{let{shopId:n,params:t}=e;return(0,r.kE)(n,t)}}),{mutate:x}=(0,l.n)({mutationFn:e=>{let{shopId:n,params:t}=e;return(0,r.xd)(n,t)}}),{mutate:u}=(0,l.n)({mutationFn:e=>{let{shopId:n,params:t}=e;return(0,r.FH)(n,t)}}),{mutate:g}=(0,l.n)({mutationFn:e=>{let{shopId:n,ci:t}=e;return(0,r.en)(n,t)}}),{mutate:m}=(0,l.n)({mutationFn:e=>{let{shopId:n,ci:t}=e;return(0,r.UI)(n,t)}});return(0,o.useEffect)((()=>{h&&n(h)}),[h,n]),{kakaoChannelInfo:h,isFetchKakaoChannelInfo:t,setIsFetchKakaoChannelInfo:a,postKakaoChannelAuthToken:(n,t)=>{p({shopId:e,params:n},{onSuccess:()=>{t()}})},postKakaoChannel:(n,t,o)=>{x({shopId:e,params:n},{onSuccess:()=>{t(),d.A.invalidateQueries(s.fetchKakaoChannelInfo(e))},onError:e=>{"0203"===(null===e||void 0===e?void 0:e.code)&&o()}})},deletetKakaoChannel:()=>{if(null===h||void 0===h||!h.channelId)return;g({shopId:e,ci:null===h||void 0===h?void 0:h.channelId},{onSuccess:()=>{d.A.invalidateQueries(s.fetchKakaoChannelInfo(e))}})}}},p=h},98631:(e,n,t)=>{t.d(n,{D:()=>o});const o=(0,t(4548).vt)((e=>({kakaoChannelInfo:null,setKakaoChannelInfo:n=>e({kakaoChannelInfo:n}),clearKakaoChannelInfo:()=>e({kakaoChannelInfo:null})})))},82458:(e,n,t)=>{t.d(n,{A:()=>c});t(65043);var o,a=t(65876),i=t(57528);const l=t(5464).Ay.span(o||(o=(0,i.A)(["\n\tdisplay: block;\n"])));var r=t(59116),s=t(70579);const d=e=>{let{table:n,variant:t}=e;const o="modal"===t?a.Dx:a.At,i=(e,n)=>{const t=Array.isArray(e)?e:[e];return(0,s.jsx)(o,{$borderTop:"1px solid var(--color-gray-400)",children:t.map(((e,n)=>(0,s.jsx)(l,{children:e},n)))},n)};return(0,s.jsxs)("table",{style:{width:"100%",margin:"10px 0"},children:[(0,s.jsx)("thead",{children:(0,s.jsx)("tr",{children:n.head.map(((e,n)=>(0,s.jsx)(a.AX,{scope:"col",children:e},n)))})}),(0,s.jsx)(a.wb,{children:n.rows.map(((e,n)=>(0,s.jsx)("tr",{children:e.map(i)},n)))})]})},c=e=>{let{sections:n,variant:t,fontSize:o,$fontSizeMd:i}=e;const l=(e=>"webview"===e||"bare"===e)(t);return(0,s.jsx)(s.Fragment,{children:n.map(((e,n)=>e.table?(0,s.jsx)(d,{table:e.table,variant:t},n):((e,n)=>l?(0,s.jsxs)(a.KY,{children:[e.title&&(0,s.jsx)(a.R3,{children:e.title}),e.contents&&(0,s.jsx)("div",{children:e.contents.map(((e,n)=>(0,s.jsx)(a.MZ,{children:e},n)))})]},n):(0,s.jsxs)(a.Z_,{fontSize:o,children:[e.title&&(0,s.jsx)(a.QM,{children:e.title}),e.contents&&(0,s.jsx)("div",{children:e.contents.map(((e,n)=>(0,s.jsx)(a.LQ,{fontSize:o,$fontSizeMd:null!==i&&void 0!==i?i:r.$N.size14,children:e},n)))})]},n))(e,n)))})}}}]);
2//# sourceMappingURL=1933.a1a49202.chunk.js.map