openstack-uicore-foundation/lib/components/mui/sponsor-order-grid.js

ui reactjs components for openstack marketing site

!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define("openstack-uicore-foundation",[],t):"object"==typeof exports?exports["openstack-uicore-foundation"]=t():e["openstack-uicore-foundation"]=t()}(this,(()=>(()=>{"use strict";var e={314:(e,t,r)=>{r.d(t,{default:()=>u});var n=r(2015),a=r.n(n),o=r(1101),l=r.n(o),c=r(785),i=r.n(c),s=r(6989),m=r.n(s);const u=({message:e,sx:t})=>a().createElement(m(),{display:"flex",alignItems:"flex-start",gap:1,sx:t},a().createElement(l(),{sx:{fontSize:16,color:"text.secondary",mt:"2px"}}),a().createElement(i(),{variant:"body1",color:"text.secondary",sx:{fontSize:"13px"}},e))},8940:(e,t,r)=>{r.d(t,{A:()=>i});var n=r(2015),a=r.n(n),o=r(785),l=r.n(o),c=r(8400);const i=({value:e})=>{const t=e<0,r=t?"primary.dark":"text.disabled",n=`${t?"-":""}${(0,c.currencyAmountFromCents)(Math.abs(e))}`;return a().createElement(l(),{variant:"body1",sx:{color:r}},n)}},6196:(e,t,r)=>{r.d(t,{A:()=>b});var n=r(2015),a=r.n(n),o=r(3983),l=r.n(o),c=r(4118),i=r.n(c);const s=require("@mui/icons-material/Refresh");var m=r.n(s),u=r(6366),d=r.n(u),p=r(3209),y=r(6989),E=r.n(y);const g={[p.PX.CHARGE]:{icon:l(),color:"warning.light"},[p.PX.PAYMENT]:{icon:i(),color:"success.light"},[p.PX.DISCOUNT]:{icon:i(),color:"success.light"},[p.PX.REFUND]:{icon:m(),color:"warning.light"},[p.PX.CANCELLED]:{icon:d(),color:"default"}},b=({type:e,children:t})=>{const r=g[e];if(!r)return null;const n=r.icon;return a().createElement(E(),{sx:{display:"flex",alignItems:"center",gap:1}},a().createElement(n,{sx:{color:r.color}}),t||e)}},6337:(e,t,r)=>{r.d(t,{DiscountRow:()=>k,FeeRow:()=>_,NotesRow:()=>f,PaymentRow:()=>A,RefundRow:()=>O,TotalRow:()=>y});var n=r(2015),a=r.n(n),o=r(5684),l=r.n(o),c=r(464),i=r.n(c),s=r(785),m=r.n(s),u=r(6842),d=r.n(u),p=r(8400);const y=({total:e,colGap:t=3,trailing:r=0,label:n=null,rowSx:o={}})=>{const c=n||d().translate("mui_table.total"),s=e??0,u=s<0,y=u?"primary.dark":0===s?"text.primary":"error.main",E=`${u?"-":""}${(0,p.currencyAmountFromCents)(Math.abs(s))}`;return a().createElement(i(),{sx:o},a().createElement(l(),null,a().createElement(m(),{sx:{fontWeight:800,textTransform:"uppercase"}},c)),[...Array(t)].map(((e,t)=>a().createElement(l(),{key:`total-gap-col-${t}`}))),a().createElement(l(),{align:"right"},a().createElement(m(),{sx:{color:y,fontWeight:800,fontSize:"15px"}},E)),[...Array(r)].map(((e,t)=>a().createElement(l(),{key:`total-trailing-col-${t}`}))))};var E=r(8619),g=r(9870),b=r.n(g);const f=({colCount:e,note:t,showCode:r=!1})=>{const a=r?e-1:e;return n.createElement(i(),null,r&&n.createElement(l(),null,b().translate("mui_table.note")),n.createElement(l(),{colSpan:a},n.createElement(E.Typography,{variant:"body1",sx:{color:"text.secondary"}},t)))};var x=r(6196),h=r(3209),v=r(8940);const _=({fee:e,balance:t,colGap:r=0,trailing:n=0})=>e?a().createElement(i(),null,a().createElement(l(),null,d().translate("mui_table.payfee")),a().createElement(l(),null,a().createElement(x.A,{type:h.PX.CHARGE})),a().createElement(l(),null,a().createElement(m(),{variant:"body1"},e.title)),[...Array(r)].map(((e,t)=>a().createElement(l(),{key:`fee-col-gap-${t}`}))),a().createElement(l(),{align:"right"},a().createElement(m(),{variant:"body1"},(0,p.currencyAmountFromCents)(e.amount))),a().createElement(l(),{align:"right"},a().createElement(v.A,{value:t})),[...Array(n)].map(((e,t)=>a().createElement(l(),{key:`fee-trailing-col-${t}`,sx:{width:40}})))):null;var w=r(5812),C=r.n(w);const A=({payment:e,balance:t,colGap:r=0,trailing:n=0})=>e?a().createElement(i(),{sx:{backgroundColor:"#2E7D3214"}},a().createElement(l(),null,d().translate("mui_table.pay")),a().createElement(l(),null,a().createElement(x.A,{type:h.PX.PAYMENT},a().createElement(m(),{variant:"body1",sx:{color:"success.dark"}},d().translate("mui_table.payment")))),a().createElement(l(),null,a().createElement(m(),{variant:"body1"},d().translate("mui_table.paid_via")," ",e.method),a().createElement(m(),{variant:"body1",sx:{color:"text.disabled"}},C()(e.created*h.iC).format(h.QM))),[...Array(r)].map(((e,t)=>a().createElement(l(),{key:`pay-col-gap-${t}`}))),a().createElement(l(),{align:"right"},a().createElement(m(),{variant:"body1",sx:{color:"success.dark"}},(0,p.currencyAmountFromCents)(e.amount))),a().createElement(l(),{align:"right"},a().createElement(v.A,{value:t})),[...Array(n)].map(((e,t)=>a().createElement(l(),{key:`pay-trailing-col-${t}`,sx:{width:40}})))):null,O=({refund:e,balance:t,colGap:r=0,trailing:n=0})=>e?a().createElement(i(),{sx:{backgroundColor:"#EF6C0014"}},a().createElement(l(),null,d().translate("mui_table.ref")),a().createElement(l(),null,a().createElement(x.A,{type:h.PX.REFUND},a().createElement(m(),{variant:"body1",sx:{color:"warning.dark"}},d().translate("mui_table.refund")))),a().createElement(l(),null,a().createElement(m(),{variant:"body1"},e.reason),a().createElement(m(),{variant:"body1",sx:{color:"text.disabled"}},e.status)),[...Array(r)].map(((e,t)=>a().createElement(l(),{key:`ref-col-gap-${t}`}))),a().createElement(l(),{align:"right"},a().createElement(m(),{variant:"body1",sx:{color:"warning.dark"}},(0,p.currencyAmountFromCents)(e.amount))),a().createElement(l(),{align:"right"},a().createElement(v.A,{value:t})),[...Array(n)].map(((e,t)=>a().createElement(l(),{key:`ref-trailing-col-${t}`,sx:{width:40}})))):null,k=({discount:e,discountCents:t,balance:r,colGap:n=0,trailing:o=0})=>t?a().createElement(i(),{sx:{backgroundColor:"#2E7D3214"}},a().createElement(l(),null,d().translate("mui_table.dis")),a().createElement(l(),null,a().createElement(x.A,{type:h.PX.DISCOUNT},a().createElement(m(),{variant:"body1",sx:{color:"success.main"}},d().translate("mui_table.discount")))),a().createElement(l(),null,a().createElement(m(),{variant:"body1"},e)),[...Array(n)].map(((e,t)=>a().createElement(l(),{key:`pay-col-gap-${t}`}))),a().createElement(l(),{align:"right"},a().createElement(m(),{variant:"body1",sx:{color:"success.main"}},(0,p.currencyAmountFromCents)(t))),a().createElement(l(),{align:"right"},a().createElement(v.A,{value:r})),[...Array(o)].map(((e,t)=>a().createElement(l(),{key:`pay-trailing-col-${t}`,sx:{width:40}})))):null},3209:(e,t,r)=>{r.d(t,{OP:()=>a,PX:()=>i,QM:()=>c,fJ:()=>o,iC:()=>l,q9:()=>n});const n=100n,a=2,o=0,l=1e3,c="MM/DD/YYYY hh:mm a",i={CHARGE:"Charge",PAYMENT:"Payment",REFUND:"Refund",DISCOUNT:"Discount",CANCELLED:"Cancelled"}},9558:(e,t,r)=>{r.d(t,{formatEpoch:()=>o});var n=r(5812),a=r.n(n);r(8041);const o=(e,t="M/D/YYYY h:mm a")=>e?(e=>e?(e*=1e3,a()(e)):e)(e).format(t):e},8400:(e,t,r)=>{r.d(t,{currencyAmountFromCents:()=>o});var n=r(3209);const a={USD:"$",EUR:"€",GBP:"£",CAD:"C$",AUD:"A$",NZD:"NZ$",CHF:"CHF",ARS:"AR$",BRL:"R$",MXN:"MX$"};function o(e,t="USD"){let r="!ERROR";if("number"!=typeof e||!Number.isInteger(e))return console.error("ERROR - currencyAmountFromCents: cents must be an integer number"),r;try{const o=function(e){let t;if("bigint"==typeof e)t=e;else if("number"==typeof e){if(!Number.isSafeInteger(e))throw new Error("cents must be a safe integer Number (or pass BigInt/string).");t=BigInt(e)}else{if("string"!=typeof e)throw new Error("cents must be a bigint, number, or numeric string.");{const r=e.trim();if(!/^\d+$/.test(r))throw new Error("cents string must contain digits only (e.g., '1234').");t=BigInt(r)}}if(t<n.fJ)throw new Error("cents must be non-negative.");const r=t/n.q9,a=t%n.q9;return`${r.toString()}.${a.toString().padStart(n.OP,"0")}`}(e);r=`${a[t]??"$"}${o}`}catch(e){console.error(`ERROR - currencyAmountFromCents: ${e}`)}return r}},1116:e=>{e.exports=require("@babel/runtime/helpers/defineProperty")},4118:e=>{e.exports=require("@mui/icons-material/ArrowDownward")},3983:e=>{e.exports=require("@mui/icons-material/ArrowUpward")},6084:e=>{e.exports=require("@mui/icons-material/Delete")},6366:e=>{e.exports=require("@mui/icons-material/DoNotDisturb")},1101:e=>{e.exports=require("@mui/icons-material/InfoOutlined")},8619:e=>{e.exports=require("@mui/material")},6989:e=>{e.exports=require("@mui/material/Box")},7413:e=>{e.exports=require("@mui/material/Divider")},909:e=>{e.exports=require("@mui/material/IconButton")},9292:e=>{e.exports=require("@mui/material/Table")},9008:e=>{e.exports=require("@mui/material/TableBody")},5684:e=>{e.exports=require("@mui/material/TableCell")},5783:e=>{e.exports=require("@mui/material/TableContainer")},8202:e=>{e.exports=require("@mui/material/TableHead")},464:e=>{e.exports=require("@mui/material/TableRow")},785:e=>{e.exports=require("@mui/material/Typography")},9870:e=>{e.exports=require("i18n-react")},6842:e=>{e.exports=require("i18n-react/dist/i18n-react")},5812:e=>{e.exports=require("moment-timezone")},2015:e=>{e.exports=require("react")},8041:e=>{e.exports=require("urijs")}},t={};function r(n){var a=t[n];if(void 0!==a)return a.exports;var o=t[n]={exports:{}};return e[n](o,o.exports,r),o.exports}(()=>{r.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return r.d(t,{a:t}),t}})(),(()=>{r.d=(e,t)=>{for(var n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})}})(),(()=>{r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t)})(),(()=>{r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}})();var n={};r.r(n),r.d(n,{default:()=>V});var a=r(1116),o=r.n(a),l=r(2015),c=r.n(l),i=r(6842),s=r.n(i),m=r(6989),u=r.n(m),d=r(5783),p=r.n(d),y=r(464),E=r.n(y),g=r(9008),b=r.n(g),f=r(5684),x=r.n(f),h=r(9292),v=r.n(h),_=r(8202),w=r.n(_),C=r(785),A=r.n(C),O=r(7413),k=r.n(O),$=r(909),P=r.n($);const D=require("@mui/icons-material/Undo");var R=r.n(D),j=r(6084),F=r.n(j),q=r(6337),S=r(3209),T=r(314),N=r(8400),M=r(6196),I=r(9558);const X=({total:e})=>{const t=e??0,r=t<0,n=r?"primary.dark":0===t?"text.primary":"error.main",a=`${r?"-":""}${(0,N.currencyAmountFromCents)(Math.abs(t))}`;return c().createElement(u(),{sx:{bgcolor:"#F1F3F5",display:"flex",justifyContent:"space-between",alignItems:"center",borderTop:"1px solid #EEE",pt:2,mt:2,mx:-2,px:"10%",mb:-3,pb:2}},c().createElement(A(),{sx:{fontWeight:800,textTransform:"uppercase"}},s().translate("sponsor_order_grid.amount_due")),c().createElement(A(),{sx:{color:n,fontWeight:800,fontSize:"15px"}},a))},U=({cancelledTotal:e,refundsTotal:t,retained:r,credited:n})=>{const a=r>0?"error.dark":"success.dark",o=r>0?"retained":n>0?"credited":"balance",l=r>0?r:n>0?n:r;return c().createElement(u(),{sx:{maxWidth:400,mt:2,mb:3}},c().createElement(A(),{variant:"body2",sx:{mb:3}},s().translate("sponsor_order_grid.reconciliation")),c().createElement(u(),{sx:{display:"flex",justifyContent:"space-between"}},c().createElement(A(),{variant:"body1",sx:{color:"text.secondary"}},s().translate("sponsor_order_grid.cancelled")),c().createElement(A(),{variant:"body1"},(0,N.currencyAmountFromCents)(e??0))),c().createElement(u(),{sx:{display:"flex",justifyContent:"space-between"}},c().createElement(A(),{variant:"body1",sx:{color:"text.secondary"}},s().translate("sponsor_order_grid.refunded")),c().createElement(A(),{variant:"body1"},(0,N.currencyAmountFromCents)(t??0))),c().createElement(k(),{sx:{my:1}}),c().createElement(u(),{sx:{display:"flex",justifyContent:"space-between"}},c().createElement(A(),{variant:"body2"},s().translate(`sponsor_order_grid.${o}`)),c().createElement(A(),{variant:"body2",sx:{color:a}},(0,N.currencyAmountFromCents)(l??0))))};var B=r(6366),Y=r.n(B);const G=require("@mui/material/Link");var z=r.n(G);function H(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function L(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?H(Object(r),!0).forEach((function(t){o()(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):H(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}const K=({cancelledItems:e,sx:t={}})=>0===e.length?null:c().createElement(u(),{sx:L({display:"flex",flexDirection:"row"},t)},c().createElement(Y(),{sx:{mr:1}}),c().createElement(A(),{variant:"body2",sx:{mb:2,mr:1}},s().translate("sponsor_order_grid.cancelled_items",{count:e.length})),e.map((e=>c().createElement(z(),{key:`cancelled-item-${e.id}`,variant:"body1",href:`#item-${e.id}`,sx:{mr:1,color:"text.disabled",textDecorationColor:"rgba(0, 0, 0, 0.38)"}},e.formCode," - ",e.itemCode))));var W=r(8940);function J(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function Q(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?J(Object(r),!0).forEach((function(t){o()(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):J(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}const V=({title:e=s().translate("sponsor_order_grid.title"),order:t,withReconciliation:r=!1,withCancelledItemsHeader:n=!1,onCancelForm:a,onUndoCancelForm:o})=>{const{forms:l=[],fees:i=[],payments:m=[],refunds:d=[],notes:y=[],total:g=0,retained:f=0,credited_to_payment_method:h=0,cancelled_total:_=0,refunds_total:C=0}=t||{},O=(e=>e?e.map((e=>Q(Q({},e),{},{items:e.items.filter((e=>e.quantity)).map(((t,r)=>{var n,a,o;const l=(0,N.currencyAmountFromCents)(t.amount||0),c=(null===(n=t.type)||void 0===n?void 0:n.id)||`${e.id}-${r}`,i=!!t.canceled_by_id,m=i?S.PX.CANCELLED:S.PX.CHARGE;return{id:c,formCode:e.code,itemName:null===(a=t.type)||void 0===a?void 0:a.name,itemCode:null===(o=t.type)||void 0===o?void 0:o.code,quantity:t.quantity,type:m,amount:l,amountValue:t.amount,cancelled:i,cancelledBy:s().translate("sponsor_order_grid.cancelled_by",{user:t.canceled_by_full_name,date:(0,I.formatEpoch)(t.canceled_at)})}}))}))):[])(l),$=O.flatMap((e=>e.items.filter((e=>e.cancelled)))),D=a&&o,j=D?1:0;let B=0;const Y=(e,t=1)=>(B+=e*t,B),G=[{columnKey:"formCode",header:s().translate("sponsor_order_grid.code")},{columnKey:"type",header:s().translate("sponsor_order_grid.type"),render:e=>c().createElement(M.A,{type:e.type})},{columnKey:"details",header:s().translate("sponsor_order_grid.details"),render:e=>c().createElement(c().Fragment,null,c().createElement(A(),{variant:"body1",sx:Q({},e.cancelled&&{textDecoration:"line-through"})},e.itemName," - ",s().translate("sponsor_order_grid.total"),": ",e.quantity),e.cancelled&&c().createElement(A(),{variant:"body1",sx:{color:"text.disabled"}},e.cancelledBy))},{columnKey:"amount",header:s().translate("sponsor_order_grid.amount"),align:"right",strikethrough:!0}],z=G.length+1+j,H=[...(null==m?void 0:m.map((e=>Q(Q({},e),{},{type:"payment"}))))||[],...(null==d?void 0:d.map((e=>Q(Q({},e),{},{type:"refund"}))))||[]].sort(((e,t)=>e.created-t.created));return c().createElement(u(),{sx:{mt:1}},c().createElement(u(),{sx:{display:"flex",flexDirection:"row",justifyContent:"space-between",mb:2}},e&&c().createElement(A(),{gutterBottom:!0,variant:"h6",sx:{mb:4,mr:2}},e),n&&c().createElement(K,{cancelledItems:$,sx:{pt:"10px"}})),D&&c().createElement(T.default,{sx:{mb:2},message:s().translate("sponsor_order_grid.cancel_info_note")}),c().createElement(p(),{component:u(),sx:{borderRadius:"10px",mb:4,border:"1px solid #E0E0E0"}},c().createElement(v(),null,c().createElement(w(),{sx:{backgroundColor:"#EAEAEA"}},c().createElement(E(),null,G.map((e=>c().createElement(x(),{key:e.columnKey,align:e.align??"left"},e.header))),c().createElement(x(),{key:"balance",align:"right"},s().translate("sponsor_order_grid.balance")),D&&c().createElement(x(),{key:"actions",align:"center"},s().translate("sponsor_order_grid.action")))),c().createElement(b(),{sx:{"& td":{fontWeight:"normal"}}},O.map((e=>{const t=e.items.map((e=>c().createElement(E(),{id:`item-${e.id}`,key:`item-row-${e.id}`,sx:Q({},e.cancelled&&{bgcolor:"#FAFAFA"})},(()=>{const t=G.map((t=>c().createElement(x(),{key:`grid-col-${e.id}-${t.columnKey}`,align:t.align??"left",sx:Q({},e.cancelled&&Q({color:"text.disabled"},t.strikethrough&&{textDecoration:"line-through"}))},t.render?t.render(e):e[t.columnKey])));return t.push(c().createElement(x(),{key:`grid-col-${e.id}-balance`,align:"right",sx:Q({},e.cancelled&&{color:"text.disabled"})},c().createElement(W.A,{value:Y(e.amountValue)}))),D&&t.push(c().createElement(x(),{key:"action",align:"right"},e.cancelled?c().createElement(P(),{size:"large",onClick:()=>o(e)},c().createElement(R(),{fontSize:"large",sx:{color:"primary.dark"}})):c().createElement(P(),{size:"large",onClick:()=>a(e)},c().createElement(F(),{fontSize:"large"})))),t})()))),r=e.discount_in_cents??0;return t.push(c().createElement(q.DiscountRow,{key:`discount-row-${e.id}`,discount:e.discount,discountCents:r,trailing:j,balance:Y(r,-1)})),t})),i&&i.map((e=>c().createElement(q.FeeRow,{key:`fee-row-${e.id}`,balance:Y(e.amount),fee:e,trailing:j}))),H.map((e=>"payment"===e.type?c().createElement(q.PaymentRow,{key:`payment-row-${e.id}`,payment:e,balance:Y(e.amount,-1),trailing:j}):"refund"===e.type?c().createElement(q.RefundRow,{key:`refund-row-${e.id}`,refund:e,balance:Y(e.amount),trailing:j}):void 0)),y&&y.map((e=>c().createElement(q.NotesRow,{key:`note-row-${e.id}`,note:e.content,colCount:z,showCode:!0}))),!r&&c().createElement(q.TotalRow,{total:g,label:s().translate("sponsor_order_grid.amount_due"),trailing:j,rowSx:{bgcolor:"#F1F3F5","& td":{borderBottom:"none"}}}),0===O.length&&c().createElement(E(),null,c().createElement(x(),{colSpan:z,align:"center"},s().translate("mui_table.no_items")))))),r&&c().createElement(u(),{sx:{mt:3}},c().createElement(k(),null),c().createElement(U,{cancelledTotal:_,refundsTotal:C,retained:f,credited:h}),c().createElement(X,{total:g})))};return n})()));
//# sourceMappingURL=sponsor-order-grid.js.map