https://guardianindonesia.co.id/76.18c5ca60ed4a7def6e66.js

1/*! @version pwa-studio: 13.1.0, @magento/venia-ui: ~10.1.0, @magento/upward-security-headers: file:./src/extensions/upward-security-headers, @magento/swift-language-packs: link:./src/extensions/swift-language-packs, @magento/pwa-theme-venia: ~1.4.0, @magento/pwa-buildpack: ~11.4.1, @magento/peregrine: ~13.0.1, @magento/pagebuilder: ~8.1.0, @magento/eslint-config: ~1.5.0, @magento/babel-preset-peregrine: ~1.2.2, @apollo/client: ~3.5.0 */
2(window.webpackJsonp=window.webpackJsonp||[]).push([[76],{"+vrd":function(e,t,n){"use strict"
3var a=n("q1tI"),r=n.n(a),o=n("17x9"),l=n("dDsW"),i=n("y+6n"),c=e=>{var{locale:t}=Object(l.a)(),{value:n,currencyCode:o,classes:c}=e,s=i.a.toParts.call(new Intl.NumberFormat(t,{style:"currency",currency:o}),n),d=s.find(e=>"currency"===e.type),m=s.filter(e=>"currency"!==e.type&&"literal"!==e.type),p=s.some(e=>"literal"===e.type)?" ":"",u=d?d.value:"IDR",b=m.map(e=>e.value).join("")
4return r.a.createElement(a.Fragment,null,r.a.createElement("span",{className:c.currency},u),p?r.a.createElement("span",null,p):"",r.a.createElement("span",{className:c.integer},b))}
5c.propTypes={classes:Object(o.shape)({currency:o.string,integer:o.string,decimal:o.string,fraction:o.string}),value:o.number.isRequired,currencyCode:o.string.isRequired},c.defaultProps={classes:{}},t.a=c},BJCc:function(e,t,n){"use strict"
6var a=n("JPst"),r=n.n(a)()(function(e){return e[1]})

7r.push([e.i,".storeCreditPage-root-THV {\n    padding: 2.5rem 2.5rem;\n    margin: 0 auto;\n}\n\n.storeCreditPage-table-M-g {\n    border-collapse: collapse;\n    margin: 25px 0;\n    font-size: 0.9em;\n    min-width: 400px;\n    width: 100%;\n    /* box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); */\n}\n\n.storeCreditPage-table-M-g thead tr {\n    /* background-color: #009879; */\n    color: #4D4D4D;\n    text-align: left;\n}\n\n.storeCreditPage-table-M-g th,\n.storeCreditPage-table-M-g td {\n    padding: 12px 15px;\n}\n\n.storeCreditPage-table-M-g tbody tr {\n    border-bottom: 1px solid #dddddd;\n}\n\n.storeCreditPage-table-M-g tbody tr:nth-of-type(even) {\n    background-color: #f3f3f3;\n}\n\n/* .table tbody tr:last-of-type {\n    border-bottom: 2px solid #009879;\n} */\n.storeCreditPage-tableHeader-kia {\n    border: none;\n    font-size: 12px;\n    text-transform: uppercase;\n    color: #30383D;\n    border-bottom: 1px solid #DEDEDE;\n}\n\n.storeCreditPage-desktopRoot-zCf {\n    display: block;\n}\n\n.storeCreditPage-mobileRoot-bDr {\n    display: none;\n    padding-bottom: 80px;\n}\n\n.storeCreditPage-mobileMainWrapper-7gU {\n    background-color: #F8EAE5;\n    text-align: center;\n    padding-top: 21px;\n    padding-bottom: 26px;\n}\n\n.storeCreditPage-mobileCurrentBalanceText-8Em {\n    color: #30383D;\n    margin: 0;\n    font-size: 12px;\n    text-transform: capitalize;\n    line-height: 18px;\n    letter-spacing: 0.6px;\n}\n\n.storeCreditPage-mobileMainBalancePrice-dhB {\n    line-height: 35px;\n    font-weight: bold;\n    font-size: 24px;\n    color: #FF8200;\n    margin: 0;\n}\n\n.storeCreditPage-mobileWrapper--QN {\n    /* border: 1px solid red; */\n    border-bottom: 1px solid #DEDEDE;\n}\n\n.storeCreditPage-mobileContent-9lM {\n    padding: 17px 18px;\n}\n\n.storeCreditPage-mobileInfoWrapper-IpL {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    margin-bottom: 16px;\n}\n\n.storeCreditPage-infoMobileTitle-KlU {\n    color: #30383D;\n    font-size: 10px;\n    font-weight: bold;\n    text-transform: uppercase;\n    margin: 0;\n    line-height: 18px;\n    letter-spacing: 0.5px;\n}\n\n.storeCreditPage-infoMobileText-Dqf {\n    font-size: 12px;\n    line-height: 18px;\n    margin: 0;\n    letter-spacing: 0.6px;\n}\n\n.storeCreditPage-mobileNoData-T-B {\n    font-size: 12px;\n    line-height: 18px;\n    margin-top: 16px;\n    letter-spacing: 0.6px;\n    text-align: center;\n}\n\n@media only screen and (max-width: 767px) {\n    .storeCreditPage-root-THV {\n        width: 100%;\n        /* overflow: scroll; */\n        padding: 0;\n    }\n\n    .storeCreditPage-desktopRoot-zCf {\n        display: none;\n    }\n\n    .storeCreditPage-mobileRoot-bDr {\n        display: block;\n    }\n}\n",""]),r.locals={root:"storeCreditPage-root-THV",table:"storeCreditPage-table-M-g",tableHeader:"storeCreditPage-tableHeader-kia",desktopRoot:"storeCreditPage-desktopRoot-zCf",mobileRoot:"storeCreditPage-mobileRoot-bDr",mobileMainWrapper:"storeCreditPage-mobileMainWrapper-7gU",mobileCurrentBalanceText:"storeCreditPage-mobileCurrentBalanceText-8Em",mobileMainBalancePrice:"storeCreditPage-mobileMainBalancePrice-dhB",mobileWrapper:"storeCreditPage-mobileWrapper--QN",mobileContent:"storeCreditPage-mobileContent-9lM",mobileInfoWrapper:"storeCreditPage-mobileInfoWrapper-IpL",infoMobileTitle:"storeCreditPage-infoMobileTitle-KlU",infoMobileText:"storeCreditPage-infoMobileText-Dqf",mobileNoData:"storeCreditPage-mobileNoData-T-B"},t.a=r},MYCP:function(e,t,n){"use strict"
8var a,r=n("q1tI"),o=n.n(r),l=n("y1Xp"),i=n("uyCd"),c=n("+vrd"),s=n("+TN3"),d=n("znku"),m=n("VkAN"),p=n.n(m),u=n("UYTu"),b=Object(u.a)(a||(a=p()(["\n    query getStoreCredit(\n        $pageSizeStoreCredit: Int!\n        $currentPageStoreCredit: Int\n    ) {\n        customer {\n            store_credit {\n                current_balance {\n                    currency\n                    value\n                }\n                enabled\n                transaction_history(\n                    pageSize: $pageSizeStoreCredit\n                    currentPage: $currentPageStoreCredit\n                ) {\n                    total_count\n                    page_info {\n                        current_page\n                        page_size\n                        total_pages\n                    }\n                    items {\n                        comment\n                        comment_placeholder\n                        store_credit_adjustment {\n                            currency\n                            value\n                        }\n                        store_credit_balance {\n                            currency\n                            value\n                        }\n                        transaction_date_time\n                        transaction_id\n                    }\n                }\n            }\n        }\n    }\n"]))),g=n("LboF"),y=n.n(g),f=n("BJCc"),C={injectType:"singletonStyleTag",insert:"head",singleton:!0},E=(y()(f.a,C),f.a.locals||{}),v=n("OguY"),P=n("nHai")
9t.a=(e=>{var t=Object(l.a)(E),{data:n,loading:a,error:m,storeCredit:p}=(e=>{var[t,n]=Object(r.useState)(0),[a,o]=Object(r.useState)(10),[{isSignedIn:l}]=Object(d.b)(),{data:i,loading:c,error:m}=Object(s.a)(b,{variables:{pageSizeStoreCredit:a,currentPageStoreCredit:t+1},skip:!l}),p={current_balance:{value:0,currency:"USD"},transaction_history:{items:[]}}
10return i&&(p=i.customer.store_credit),{data:i,loading:c,error:m,storeCredit:p}})(),{setNavConfig:u}=Object(r.useContext)(v.a)
11return Object(r.useEffect)(()=>{u({headerTitle:"STORE CREDIT",useCart:!1})},[]),a?i.a:!n||m?null:o.a.createElement("div",{className:t.root},o.a.createElement("div",{className:t.mobileRoot},o.a.createElement("div",{className:t.mobileMainWrapper},o.a.createElement("p",{className:t.mobileCurrentBalanceText},"current balance"),o.a.createElement("p",{className:t.mobileMainBalancePrice},o.a.createElement(c.a,{value:p.current_balance.value,currencyCode:p.current_balance.currency}))),p.transaction_history.items.length>0?o.a.createElement(o.a.Fragment,null,p.transaction_history.items.map((e,n)=>o.a.createElement("div",{key:n,className:t.mobileWrapper},o.a.createElement("div",{className:t.mobileContent},o.a.createElement("div",{className:t.mobileInfoWrapper},o.a.createElement("div",null,o.a.createElement("p",{className:t.infoMobileTitle},"transaction id"),o.a.createElement("p",{className:t.infoMobileText},e.transaction_id)),o.a.createElement("div",null,o.a.createElement("p",{className:t.infoMobileTitle},"transaction date"),o.a.createElement("p",{className:t.infoMobileText},Object(P.a)(e.transaction_date_time)))),o.a.createElement("div",{className:t.mobileInfoWrapper},o.a.createElement("div",null,o.a.createElement("p",{className:t.infoMobileTitle},"store credit adjustment"),o.a.createElement("p",{className:t.infoMobileText},e.store_credit_adjustment.value)),o.a.createElement("div",null,o.a.createElement("p",{className:t.infoMobileTitle},"store credit balance"),o.a.createElement("p",{className:t.infoMobileText},o.a.createElement(c.a,{value:e.store_credit_balance.value,currencyCode:e.store_credit_balance.currency})))),o.a.createElement("div",null,o.a.createElement("p",{className:t.infoMobileText},e.comment)))))):o.a.createElement("p",{className:t.mobileNoData},"No Store Credit Data")),o.a.createElement("div",{className:t.desktopRoot},o.a.createElement("div",{className:t.titleBalance},o.a.createElement("p",null,"Current balance"," ",o.a.createElement("strong",null,o.a.createElement(c.a,{value:p.current_balance.value,currencyCode:p.current_balance.currency})))),o.a.createElement("div",null,o.a.createElement("table",{className:t.table},o.a.createElement("thead",null,o.a.createElement("tr",{className:t.tableHeader}

11,o.a.createElement("th",null,"Transaction ID"),o.a.createElement("th",null,"Store credit adjustment"),o.a.createElement("th",null,"Store credit balance"),o.a.createElement("th",null,"Comment"),o.a.createElement("th",null,"Transaction date"))),p.transaction_history.items.length>0?o.a.createElement("tbody",null,p.transaction_history.items.map((e,t)=>o.a.createElement("tr",{key:t},o.a.createElement("td",null,e.transaction_id),o.a.createElement("td",null,e.store_credit_adjustment.value),o.a.createElement("td",null,o.a.createElement(c.a,{value:e.store_credit_balance.value,currencyCode:e.store_credit_balance.currency})),o.a.createElement("td",null,e.comment),o.a.createElement("td",null,Object(P.a)(e.transaction_date_time))))):o.a.createElement("tr",null,o.a.createElement("td",{colSpan:5,style:{textAlign:"center"}},o.a.createElement("p",null,"No Store Credit Data")))))))})},nHai:function(e,t,n){"use strict"
12n.d(t,"a",function(){return a})
13var a=e=>{var t=e.replace(" ","T")
14return new Date(t).toLocaleDateString("en-ZA",{year:"numeric",month:"numeric",day:"numeric",hour:"2-digit",minute:"numeric",second:"numeric"}).replace(/\./g,":")}},nrAz:function(e,t,n){"use strict"
15n.r(t)
16var a=n("MYCP")
17n.d(t,"default",function(){return a.a})},"y+6n":function(e,t,n){"use strict"
18var a=n("lSNA"),r=n.n(a)
19function ownKeys(e,t){var n=Object.keys(e)
20if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e)
21t&&(a=a.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,a)}return n}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{}
22t%2?ownKeys(Object(n),!0).forEach(function(t){r()(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}var o={USD:{symbol:"$",decimal:".",groupDelim:","},GBP:{symbol:"£",decimal:".",groupDelim:","},EUR:{symbol:"€",decimal:".",groupDelim:","}},l={formatToPartsPatch(e,t){var{currency:n,maximumFractionDigits:a,useGrouping:r}=e,l=o[n]||_objectSpread(_objectSpread({},o.USD),{},{symbol:n}),{symbol:i,decimal:c,groupDelim:s}=l,d=[{type:"currency",value:i}],[m,p]=t.toFixed(a).match(/\d+/g)
23if(!1!==r){var u=[],b=m.length%3,g=m
24b>0&&(u.push(JSON.stringify({type:"integer",value:m.slice(0,b)})),g=m.slice(b))
25var y=g.match(/\d{3}/g)
26y&&u.push(...y.map(e=>JSON.stringify({type:"integer",value:e})))
27var f=","+JSON.stringify({type:"group",value:s})+",",C=JSON.parse("[".concat(u.join(f),"]"))
28d.push(...C)}else d.push({type:"integer",value:m})
29return d.concat([{type:"decimal",value:c},{type:"fraction",value:p}])},toParts(e){return this.formatToParts?this.formatToParts(e):l.formatToPartsPatch(this.resolvedOptions(),e)}}
30t.a=l}}])