https://www.bigfishgames.com/70.08b0b9d8c95c971e3abb.js

1/*! @version pwa-studio: 1.0.0, @magento/venia-ui: ~11.7.0, @magento/venia-product-recommendations: 1.0.2, @magento/venia-data-collector: 1.0.7, @magento/upward-security-headers: ~1.1.18, @magento/pwa-theme-venia: ~2.4.0, @magento/pwa-buildpack: ~11.5.3, @magento/peregrine: ~15.5.2, @magento/pagebuilder: ~9.3.5, @magento/eslint-config: ~1.5.0, @magento/babel-preset-peregrine: ~1.3.3, @apollo/client: ~3.5.0 */
2(window.webpackJsonp=window.webpackJsonp||[]).push([[70],{"1N7k":function(e,a,t){"use strict"
3var r=t("JPst"),n=t.n(r)()(function(e){return e[1]})
4n.push([e.i,".filterComponent-root-Dr- {\n    border: solid 1px var(--bf-color-border-strong);\n    border-radius: 20px;\n    padding: 5px 5px 5px 10px;\n}\n\n.filterComponent-input-KUV {\n    border: none;\n}\n\n.filterComponent-input-KUV:focus {\n    outline: none;\n}\n\n.filterComponent-btnClear-xDX {\n    background-color: transparent;\n    border: none;\n    cursor: pointer;\n}\n\n.filterComponent-btnNoText-Kry {\n    visibility: hidden;\n}\n",""]),n.locals={root:"filterComponent-root-Dr-",input:"filterComponent-input-KUV",btnClear:"filterComponent-btnClear-xDX",btnNoText:"filterComponent-btnNoText-Kry"},a.a=n},"4dgb":function(e,a,t){"use strict"
5var r=t("JPst"),n=t.n(r)()(function(e){return e[1]})
6n.push([e.i,".myGameLibraryPage-root__container-GrV {\n    padding: 0 1rem;\n}\n\n.myGameLibraryPage-page__title-cxb {\n    margin: 2rem 0;\n}\n\n.myGameLibraryPage-order__Link-Yrc {\n    text-decoration: none;\n    font-weight: bold;\n}\n\n.myGameLibraryPage-loaderContainer-ph6 {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    min-height: 300px;\n}\n\n.myGameLibraryPage-subheader-r90 {\n    display: block;\n    float: right;\n    justify-content: space-between;\n}\n\n.myGameLibraryPage-processingDetail-NnK {\n    color: rgb(var(--bf-global-color-green));\n    margin: 15px 0;\n}\n\n.myGameLibraryPage-productNameCell-bPu {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 8px 0;\n}\n\n.myGameLibraryPage-productThumbnail-UtS {\n    width: 70px;\n    -o-object-fit: cover;\n       object-fit: cover;\n    border-radius: 7px;\n    flex-shrink: 0;\n}\n\n@media (max-width: 650px) {\n\n.myGameLibraryPage-productThumbnail-UtS {\n        display: none\n}\n    }\n\n.myGameLibraryPage-orderLink-mYz {\n    color: var(--bf-color-brand-primary);\n    text-decoration: none;\n}\n\n.myGameLibraryPage-orderLink-mYz:hover {\n    text-decoration: underline;\n}\n\n.myGameLibraryPage-productLink-Ug4 {\n    color: var(--bf-color-brand-primary);\n}\n\n.myGameLibraryPage-productLink-Ug4:hover {\n    text-decoration: underline;\n}\n@media (min-width: 650px) {\n    .myGameLibraryPage-root__container-GrV .rdt_TableCell,\n    .myGameLibraryPage-root__container-GrV .rdt_TableCol {\n        font-size: 0.9rem !important;\n    }\n}\n",""]),n.locals={root__container:"myGameLibraryPage-root__container-GrV",page__title:"myGameLibraryPage-page__title-cxb",order__Link:"myGameLibraryPage-order__Link-Yrc",loaderContainer:"myGameLibraryPage-loaderContainer-ph6",subheader:"myGameLibraryPage-subheader-r90",processingDetail:"myGameLibraryPage-processingDetail-NnK",productNameCell:"myGameLibraryPage-productNameCell-bPu",productThumbnail:"myGameLibraryPage-productThumbnail-UtS",orderLink:"myGameLibraryPage-orderLink-mYz",productLink:"myGameLibraryPage-productLink-Ug4"},a.a=n},"7++0":function(e,a,t){"use strict"
7t.d(a,"a",function(){return c}),t.d(a,"b",function(){return d})
8var r,n,o=t("mrSG"),i=t("q1tI"),l=t("dDsW")
9!function(e){e.formatDate="FormattedDate",e.formatTime="FormattedTime",e.formatNumber="FormattedNumber",e.formatList="FormattedList",e.formatDisplayName="FormattedDisplayName"}(r||(r={})),function(e){e.formatDate="FormattedDateParts",e.formatTime="FormattedTimeParts",e.formatNumber="FormattedNumberParts",e.formatList="FormattedListParts"}(n||(n={}))
10var m=function(e){var a=Object(l.a)(),t=e.value,r=e.children,n=Object(o.e)(e,["value","children"])
11return r(a.formatNumberToParts(t,n))}
12m.displayName="FormattedNumberParts"
13function createFormattedDateTimePartsComponent(e){var a=function(a){var t=Object(l.a)(),r=a.value,n=a.children,i=Object(o.e)(a,["value","children"]),m="string"==typeof r?new Date(r||0):r
14return n("formatDate"===e?t.formatDateToParts(m,i):t.formatTimeToParts(m,i))}
15return a.displayName=n[e],a}function createFormattedComponent(e){var a=function(a){var t=Object(l.a)(),r=a.value,n=a.children,m=Object(o.e)(a,["value","children"]),c=t[e](r,m)
16if("function"==typeof n)return n(c)
17var d=t.textComponent||i.Fragment
18return i.createElement(d,null,c)}
19return a.displayName=r[e],a}m.displayName="FormattedNumberParts"
20var c=createFormattedComponent("formatDate"),d=(createFormattedComponent("formatTime"),createFormattedComponent("formatNumber"))
21createFormattedComponent("formatList"),createFormattedComponent("formatDisplayName"),createFormattedDateTimePartsComponent("formatDate"),createFormattedDateTimePartsComponent("formatTime")},s33p:function(e,a,t){"use strict"
22t.d(a,"a",function(){return n})
23var r=t("dlyO")
24const n=e=>r.a.sanitize(e,{ALLOWED_TAGS:[],ALLOWED_ATTR:[]})},txLW:function(e,a,t){"use strict"
25t.r(a)
26var r=t("q1tI"),n=t.n(r),o=t("dDsW"),i=t("7++0"),l=t("kriW"),m=t("55Ip"),c=t("+TN3"),d=t("Cess"),s=t("yJ/I"),u=t("J3e4"),b=t("eYVk"),p=t("kXLM"),g=t("EFsX"),y=t("TM3N"),f=t.n(y),_=t("s33p"),P=t("z03d"),L=t("BHdc"),h=t("oTwF"),C=t("wHH0"),N=t("LboF"),T=t.n(N),v=t("1N7k"),x={injectType:"singletonStyleTag",insert:"head",singleton:!0},E=(T()(v.a,x),v.a.locals||{})
27var G=({filterText:e,onFilter:a,onClear:t})=>{const{formatMessage:r}=Object(o.a)(),i=r({id:"libraryPage.table.header.filterTxt"})
28return n.a.createElement("div",{className:E.root},n.a.createElement("input",{id:"search",type:"text",placeholder:i,"aria-label":i,value:e,onCh

28ange:a,className:E.input}),n.a.createElement("button",{onClick:t,className:Object(L.a)(E.btnClear,0===e.length?E.btnNoText:void 0),"aria-label":"Clear filter"},n.a.createElement(h.a,{src:C.a,size:20})))}
29var k={getCustomerGames:t("UYTu").a`
30    query getCustomerGameLibrary($includeRecent: Boolean, $includeLegacy: Boolean, $gamesOnly: Boolean) {
31        customerGameLibrary(includeRecent: $includeRecent, includeLegacy: $includeLegacy, gamesOnly: $gamesOnly) {
32            items {
33                order_increment_id
34                product_name: title
35                product_sku: sku
36                url_key
37                thumbnail: image_feature
38                download_url
39                remaining_downloads
40                status
41                date
42            }
43        }
44    }
45`},D=t("4dgb"),w={injectType:"singletonStyleTag",insert:"head",singleton:!0},O=(T()(D.a,w),D.a.locals||{})
46a.default=(()=>{const[{isSignedIn:e}]=Object(s.b)(),[,{addToast:a}]=Object(u.a)(),[t,y]=Object(r.useState)(""),[L,h]=Object(r.useState)(!1),{formatMessage:C}=Object(o.a)(),[,{dispatch:N}]=Object(d.b)()
47const T=[{id:"date",name:n.a.createElement("strong",null,n.a.createElement(l.a,{id:"libraryPage.table.header.date"})),cell:function DateCell(e){return n.a.createElement(i.a,{value:e.date,day:"2-digit",month:"2-digit",year:"numeric"})},selector:e=>e.date,width:"120px",sortable:!0,hide:449},{id:"product_name",name:n.a.createElement("strong",null,n.a.createElement(l.a,{id:"libraryPage.table.header.gameName",defaultMessage:"Title"})),cell:function ProductNameCell(e){const a=n.a.createElement("span",null,Object(_.a)(Object(P.a)(e.product_name)))
48return n.a.createElement("div",{className:O.productNameCell},e.thumbnail&&(e.url_key?n.a.createElement(m.b,{to:f.a.product(e.url_key)},n.a.createElement("img",{src:e.thumbnail,alt:"",className:O.productThumbnail})):n.a.createElement("img",{src:e.thumbnail,alt:"",className:O.productThumbnail})),e.url_key?n.a.createElement(m.b,{to:f.a.product(e.url_key),className:O.productLink},a):a)},selector:e=>e.product_name,sortable:!0,grow:3},{id:"order_id",name:n.a.createElement("strong",null,n.a.createElement(l.a,{id:"libraryPage.table.header.orderId"})),cell:function OrderIdCell(e){return"archived"===e.status?n.a.createElement("strong",null,e.order_increment_id):n.a.createElement(m.b,{to:f.a.orderDetail(String(e.order_increment_id)),className:O.orderLink},e.order_increment_id)},selector:e=>e.order_increment_id,width:"150px",sortable:!0},{id:"download_url",name:n.a.createElement("strong",null,n.a.createElement(l.a,{id:"libraryPage.table.header.action"})),cell:function DownloadActionCell(e){return e.download_url?n.a.createElement(g.a,{href:e.download_url,onClick:()=>{N({type:"BFG_PRODUCT_DOWNLOAD",payload:{orderNumber:e.order_increment_id,products:[{name:e.product_name,sku:e.product_sku}]}})},color:"secondary"},n.a.createElement(l.a,{id:"libraryPage.table.downloadButtonTxt"})):n.a.createElement(l.a,{id:"libraryPage.processing"})},grow:1,hide:849}],v={rowsPerPageText:C({id:"ordersPage.table.footer.rowsPerPageText"}),rangeSeparator:C({id:"ordersPage.table.footer.rangeSeparator"})},{loading:x,data:E,error:D}=Object(c.a)(k.getCustomerGames,{skip:!e,variables:{includeRecent:!0,includeLegacy:!0,gamesOnly:!0},fetchPolicy:"no-cache"})
49Object(r.useEffect)(()=>{D&&a({type:"error",message:C({id:"errorBoundary.errorMessage"}),timeout:5e3})},[D,a,C])
50const w=Object(r.useMemo)(()=>n.a.createElement("div",{className:O.subheader},n.a.createElement(G,{onFilter:e=>{y(e.currentTarget.value)},onClear:()=>{t&&(h(!L),y(""))},filterText:t})),[t,L]),{items:F}=E?E.customerGameLibrary:{items:[]},j=F.some(e=>"pending"===e.status||"payment_review"===e.status),S=Object(r.useMemo)(()=>F.filter(e=>e.product_name&&e.product_name.toLowerCase().includes(t.toLowerCase())),[F,t])
51return n.a.createElement("div",{className:O.root__container},n.a.createElement("div",{className:"title-section-container"},n.a.createElement("h1",{className:O.page__title},n.a.createElement(l.a,{id:"libraryPage.title"}))),j&&n.a.createElement("div",{className:O.processingDetail},n.a.createElement(l.a,{id:"libraryPage.processingDetail"})),w,n.a.createElement(p.a,{columns:T,data:S,defaultSortAsc:!1,defaultSortFieldId:"date",pagination:!0,paginationPerPage:25,paginationRowsPerPageOptions:[10,25,50,100],paginationResetDefaultPage:L,paginationComponentOptions:v,progressPending:x,progressComponent:n.a.createElement(b.a,null),

51conditionalRowStyles:[{when:e=>"pending"===e.status||"payment_review"===e.status,style:{color:"rgb(var(--bf-global-color-grey-disabled))"}}],striped:!0}))})}}])