"use strict";(globalThis.webpackChunkwoocommerce_payments=globalThis.webpackChunkwoocommerce_payments||[]).push([[9159],{8799(e,r,a){a.r(r),a.d(r,{ConnectedReaders:()=>u,default:()=>S}),a(1609);var s=a(7723),d=a(6427),t=a(7583),c=a(5591),i=a(6471),n=a(9481),o=a(7014),l=a(4848);const _=({children:e,numLines:r})=>{const{isLoading:a}=(0,n.t0)();return(0,l.jsx)(o.a,{isLoading:a,numLines:r,children:e})};var R=a(4164);const m=({reader:e})=>{const{id:r,device_type:a,is_active:d}=e,t=d?(0,s.__)("Active","woocommerce-payments"):(0,s.__)("Inactive","woocommerce-payments");return(0,l.jsxs)("li",{className:(0,R.A)("card-readers-item",r),children:[(0,l.jsx)("div",{className:"card-readers-item__id",children:(0,l.jsx)("span",{children:r})}),(0,l.jsx)("div",{className:"card-readers-item__type",children:(0,l.jsx)("span",{children:a})}),(0,l.jsx)("div",{className:"card-readers-item__status",children:(0,l.jsx)("span",{className:d?"active":"inactive",children:t})})]})};var h=a(5107);const E=()=>(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("h2",{children:(0,s.__)("Connected card readers","woocommerce-payments")}),(0,l.jsx)("p",{children:(0,s.sprintf)((0,s.__)("Card readers are marked as active if they’ve processed one or more transactions during the current billing cycle. To connect or disconnect card readers, use the %s mobile application.","woocommerce-payments"),"WooCommerce")})]}),p=()=>{const{readers:e,isLoading:r}=(0,h.of)(10);return(0,l.jsx)(i.A,{children:(0,l.jsx)(c.A,{description:E,children:(0,l.jsx)(_,{numLines:20,children:(0,l.jsxs)(d.Card,{className:"card-readers-list__wrapper",children:[(0,l.jsxs)(d.CardBody,{className:"card-readers-list__header",children:[(0,l.jsx)("div",{className:"card-readers-list__header-id",children:(0,s.__)("Reader ID","woocommerce-payments")}),(0,l.jsx)("div",{className:"card-readers-list__header-model",children:(0,s.__)("Model","woocommerce-payments")}),(0,l.jsx)("div",{className:"card-readers-list__header-status",children:(0,s.__)("Status","woocommerce-payments")})]}),(0,l.jsx)(d.CardDivider,{}),(0,l.jsx)(d.CardBody,{className:"card-readers-list__body",children:(0,l.jsx)("ul",{children:!r&&Object.entries(e).map(([e,r])=>(0,l.jsx)(m,{reader:r},e))})})]})})})})},u=()=>(0,l.jsx)(t.A,{children:(0,l.jsx)(d.TabPanel,{className:"wcpay-card-readers-page",activeClass:"active-tab",tabs:[{name:"connected-readers",title:(0,s.__)("Connected readers","woocommerce-payments"),className:"connected-readers-list"}],children:()=>(0,l.jsx)(p,{})})}),S=u},7014(e,r,a){a.d(r,{A:()=>c,a:()=>t}),a(1609);var s=a(4848);const d=({isLoading:e,display:r,placeholder:a,value:d,children:t,...c})=>e?(0,s.jsx)("span",{className:r?`is-loadable-placeholder is-${r}`:"is-loadable-placeholder","aria-busy":"true",...c,children:void 0===a?t||d:a}):(0,s.jsx)(s.Fragment,{children:t||d}),t=({numLines:e,...r})=>{const a=(0,s.jsx)("p",{style:{lineHeight:e},children:"Block placeholder"});return(0,s.jsx)(d,{...r,placeholder:a,display:"block","aria-hidden":!0})},c=d},5107(e,r,a){a.d(r,{Ww:()=>v,of:()=>j});var s={};a.r(s),a.d(s,{updateCardReaderStats:()=>i,updateCardReaders:()=>n,updateErrorForCardReaderStats:()=>o,updateErrorForCardReaders:()=>l});var d={};a.r(d),a.d(d,{getCardReaderStats:()=>h,getCardReaders:()=>E});var t={};a.r(t),a.d(t,{getCardReaderStats:()=>u,getCardReaderStatsError:()=>S,getCardReaders:()=>A});const c={SET_CARD_READER_STATS:"SET_CARD_READER_STATS",SET_ERROR_FOR_CARD_READER_STATS:"SET_ERROR_FOR_CARD_READER_STATS",SET_READERS:"SET_READERS",SET_ERROR_FOR_CARD_READERS:"SET_ERROR_FOR_CARD_READERS"};function i(e,r){return{type:c.SET_CARD_READER_STATS,id:e,data:r}}function n(e,r){return{type:c.SET_READERS,query:e,data:r}}function o(e,r,a){return{type:c.SET_CARD_ERROR_FOR_READER_STATS,id:e,data:r,error:a}}function l(e,r){return{type:c.SET_CARD_ERROR_FOR_READERS,data:e,error:r}}var _=a(6161),R=a(3832),m=a(3138);function*h(e,r){try{const a=yield(0,_.apiFetch)({path:`${m.C}/readers/charges/${r}`});yield i(e,a)}catch(r){yield o(e,null,r)}}function*E(e){const r=(0,R.addQueryArgs)(`${m.C}/readers`,{limit:e.limit});try{const a=yield(0,_.apiFetch)({path:r})||{};yield n(e,a)}catch(e){yield l(null,e)}}var p=a(7143);const u=(e,r)=>e.readers[r]&&e.readers[r].data?e.readers[r].data:{},S=(e,r)=>e.readers[r]&&e.readers[r].error?e.readers[r].error:{},A=e=>e.readers&&e.readers.list?e.readers.list:{},y=a(2455).pU,C=(0,p.createReduxStore)(y,{reducer:(0,p.combineReducers)({readers:(e={},{type:r,id:a,data:s,error:d})=>{switch(r){case c.SET_CARD_READER_STATS:e={...e,[a]:{...e[a],data:s}};break;case c.SET_ERROR_FOR_CARD_READER_STATS:e={...e,[a]:{...e[a],error:d}};break;case c.SET_READERS:e={...e,list:s}}return e}}),actions:s,selectors:t,resolvers:d,controls:_.controls});(0,p.register)(C);const v=(e,r)=>(0,p.useSelect)(a=>{const{getCardReaderStats:s,getCardReaderStatsError:d,isResolving:t}=a(y);return{readers:s(e,r),chargeError:d(e),isLoading:t("getCardReaderStats",[e,r])}},[e,r]),j=e=>(0,p.useSelect)(r=>{const{getCardReaders:a,isResolving:s}=r(y),d={limit:e};return{readers:a(d),isLoading:s("getCardReaders",[d])}},[e])},6471(e,r,a){a.d(r,{A:()=>d}),a(1609);var s=a(4848);const d=({children:e})=>(0,s.jsx)("div",{className:"wcpay-settings-layout",children:e})},5591(e,r,a){a.d(r,{A:()=>t}),a(1609);var s=a(4164),d=a(4848);const t=({description:e=()=>null,children:r,className:a,id:t})=>(0,d.jsxs)("div",{className:(0,s.A)("settings-section",a),id:t,children:[(0,d.jsx)("div",{className:"settings-section__details",children:(0,d.jsx)(e,{})}),(0,d.jsx)("div",{className:"settings-section__controls",children:r})]})}}]);