@openmrs/esm-billing-app 1.0.2-pre.60 → 1.0.2-pre.74

package/dist/9055.js

@@ -1 +0,0 @@
-"use strict";(globalThis.webpackChunk_openmrs_esm_billing_app=globalThis.webpackChunk_openmrs_esm_billing_app||[]).push([[9055],{8204:(e,n,t)=>{t.d(n,{A:()=>l});var r=t(2996),a=t.n(r),i=t(159),o=t.n(i)()(a());o.push([e.id,":root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79;--bottom-nav-height: 4rem;--workspace-header-height: 3rem;--tablet-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--bottom-nav-height));--desktop-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--workspace-header-height))}.-esm-billing__billing-form__tablet___depIv{padding:1.5rem 1rem;background-color:#fff}.-esm-billing__billing-form__desktop___XrIGU{padding:0rem}.-esm-billing__billing-form__button___\\+KaHL{height:4rem;display:flex;align-content:flex-start;align-items:baseline;min-width:50%}.-esm-billing__billing-form__button___\\+KaHL .cds--inline-loading{min-height:1rem !important}.-esm-billing__billing-form__button___\\+KaHL .cds--inline-loading__text{font-size:unset !important}.-esm-billing__billing-form__mt2___XSCej{margin-top:2rem}.-esm-billing__billing-form__searchContent___rwtx-{position:absolute;background-color:#fff;min-width:230px;overflow:auto;border:1px solid #ddd;z-index:1;width:92%}.-esm-billing__billing-form__searchItem___gJRX7{border-bottom:.1rem solid;border-bottom-color:silver;cursor:pointer}.-esm-billing__billing-form__invalidInput___-CFhJ{border:2px solid red}.-esm-billing__billing-form__removeButton___JOb\\+t{color:#ee0909;right:20px;cursor:pointer}.-esm-billing__billing-form__form___dOD1L{display:flex;flex-direction:column;justify-content:space-between;height:calc(100vh - 6rem)}.omrs-breakpoint-lt-desktop .-esm-billing__billing-form__form___dOD1L{background-color:#ededed}.omrs-breakpoint-gt-tablet .-esm-billing__billing-form__form___dOD1L{background-color:#fff}.-esm-billing__billing-form__grid___bVIsN{margin:1rem}.-esm-billing__billing-form__row___kfkPE{margin:.5rem 0rem 0rem;display:flex;flex-flow:row wrap;gap:1rem}.-esm-billing__billing-form__spacer___5WyoB{margin-top:1rem}","",{version:3,sources:["webpack://./node_modules/@openmrs/esm-styleguide/src/_vars.scss","webpack://./src/billing-form/billing-form.scss","webpack://./node_modules/@carbon/layout/scss/generated/_spacing.scss"],names:[],mappings:"AAsDA,MACE,mBAAA,CACA,mBAAA,CACA,mBAAA,CACA,yBAAA,CACA,+BAAA,CACA,oGAAA,CACA,2GAAA,CC1DF,4CACE,mBAAA,CACA,qBDFM,CCKR,6CACE,YAAA,CAGF,6CACE,WC2CW,CD1CX,YAAA,CACA,wBAAA,CACA,oBAAA,CACA,aAAA,CAEA,kEACE,0BAAA,CAGF,wEACE,0BAAA,CAIJ,yCACE,eCYW,CDTb,mDACE,iBAAA,CACA,qBAAA,CACA,eAAA,CACA,aAAA,CACA,qBAAA,CACA,SAAA,CACA,SAAA,CAGF,gDACE,yBAAA,CACA,0BAAA,CACA,cAAA,CAGF,kDACE,oBAAA,CAGF,mDACE,aAAA,CACA,UAAA,CACA,cAAA,CAGF,0CACE,YAAA,CACA,qBAAA,CACA,6BAAA,CACA,yBAAA,CAGF,sEACE,wBAAA,CAGF,qEACE,qBDnEM,CCsER,0CACE,WC3CW,CD8Cb,yCACE,sBAAA,CACA,YAAA,CACA,kBAAA,CACA,QClDW,CDqDb,4CACE,eCtDW",sourcesContent:["@use '@carbon/layout';\n\n$ui-01: #f4f4f4;\n$ui-02: #ffffff;\n$ui-03: #e0e0e0;\n$ui-04: #8d8d8d;\n$ui-05: #161616;\n$text-02: #525252;\n$text-03: #a8a8a8;\n$ui-background: #ffffff;\n$color-gray-30: #c6c6c6;\n$color-gray-70: #525252;\n$color-gray-100: #161616;\n$color-blue-60-2: #0f62fe;\n$color-blue-10: #edf5ff;\n$color-yellow-50: #feecae;\n$carbon--red-50: #fa4d56;\n$inverse-link: #78a9ff;\n$support-02: #24a148;\n$inverse-support-03: #f1c21b;\n$warning-background: #fff8e1;\n$openmrs-background-grey: #f4f4f4;\n$danger: #da1e28;\n$interactive-01: #0f62fe;\n$field-01: #f4f4f4;\n$grey-2: #e0e0e0;\n$labeldropdown: #c6c6c6;\n\n$brand-primary-10: #d9fbfb;\n$brand-primary-20: #9ef0f0;\n$brand-primary-30: #3ddbd9;\n$brand-primary-40: #08bdba;\n$brand-primary-50: #009d9a;\n\n/* 60,70 and 80 are already declared as brand-01, 02 and 03 respectively */\n\n$brand-primary-90: #022b30;\n$brand-primary-100: #081a1c;\n\n@mixin brand-01($property) {\n  #{$property}: #005d5d;\n  #{$property}: var(--brand-01);\n}\n\n@mixin brand-02($property) {\n  #{$property}: #004144;\n  #{$property}: var(--brand-02);\n}\n\n@mixin brand-03($property) {\n  #{$property}: #007d79;\n  #{$property}: var(--brand-03);\n}\n\n:root {\n  --brand-01: #005d5d;\n  --brand-02: #004144;\n  --brand-03: #007d79;\n  --bottom-nav-height: #{layout.$spacing-10};\n  --workspace-header-height: #{layout.$spacing-09};\n  --tablet-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--bottom-nav-height));\n  --desktop-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--workspace-header-height));\n}\n\n$breakpoint-phone-min: 0px;\n$breakpoint-phone-max: 600px;\n$breakpoint-tablet-min: 601px;\n$breakpoint-tablet-max: 1023px;\n$breakpoint-small-desktop-min: 1024px;\n$breakpoint-small-desktop-max: 1439px;\n$breakpoint-large-desktop-min: 1440px;\n$breakpoint-large-desktop-max: 99999999px;\n\n/* These color variables will be removed in a future release */\n$brand-teal-01: #007d79;\n$brand-01: #005d5d;\n$brand-02: #004144;\n","@use '@carbon/layout';\n@use '@openmrs/esm-styleguide/src/vars' as *;\n\n.tablet {\n  padding: layout.$spacing-06 layout.$spacing-05;\n  background-color: $ui-02;\n}\n\n.desktop {\n  padding: 0rem;\n}\n\n.button {\n  height: layout.$spacing-10;\n  display: flex;\n  align-content: flex-start;\n  align-items: baseline;\n  min-width: 50%;\n\n  :global(.cds--inline-loading) {\n    min-height: layout.$spacing-05 !important;\n  }\n\n  :global(.cds--inline-loading__text) {\n    font-size: unset !important;\n  }\n}\n\n.mt2 {\n  margin-top: layout.$spacing-07;\n}\n\n.searchContent {\n  position: absolute;\n  background-color: #fff;\n  min-width: 230px;\n  overflow: auto;\n  border: 1px solid #ddd;\n  z-index: 1;\n  width: 92%;\n}\n\n.searchItem {\n  border-bottom: 0.1rem solid;\n  border-bottom-color: silver;\n  cursor: pointer;\n}\n\n.invalidInput {\n  border: 2px solid red;\n}\n\n.removeButton {\n  color: #ee0909;\n  right: 20px;\n  cursor: pointer;\n}\n\n.form {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  height: calc(100vh - 6rem);\n}\n\n:global(.omrs-breakpoint-lt-desktop) .form {\n  background-color: #ededed;\n}\n\n:global(.omrs-breakpoint-gt-tablet) .form {\n  background-color: $ui-02;\n}\n\n.grid {\n  margin: layout.$spacing-05;\n}\n\n.row {\n  margin: layout.$spacing-03 0rem 0rem;\n  display: flex;\n  flex-flow: row wrap;\n  gap: layout.$spacing-05;\n}\n\n.spacer {\n  margin-top: layout.$spacing-05;\n}\n","// Code generated by @carbon/layout. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-01: 0.125rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-02: 0.25rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-03: 0.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-04: 0.75rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-05: 1rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-06: 1.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-07: 2rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-08: 2.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-09: 3rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-10: 4rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-11: 5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-12: 6rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-13: 10rem !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/layout\n$spacing: (\n  spacing-01: $spacing-01,\n  spacing-02: $spacing-02,\n  spacing-03: $spacing-03,\n  spacing-04: $spacing-04,\n  spacing-05: $spacing-05,\n  spacing-06: $spacing-06,\n  spacing-07: $spacing-07,\n  spacing-08: $spacing-08,\n  spacing-09: $spacing-09,\n  spacing-10: $spacing-10,\n  spacing-11: $spacing-11,\n  spacing-12: $spacing-12,\n  spacing-13: $spacing-13,\n);\n"],sourceRoot:""}]),o.locals={tablet:"-esm-billing__billing-form__tablet___depIv",desktop:"-esm-billing__billing-form__desktop___XrIGU",button:"-esm-billing__billing-form__button___+KaHL",mt2:"-esm-billing__billing-form__mt2___XSCej",searchContent:"-esm-billing__billing-form__searchContent___rwtx-",searchItem:"-esm-billing__billing-form__searchItem___gJRX7",invalidInput:"-esm-billing__billing-form__invalidInput___-CFhJ",removeButton:"-esm-billing__billing-form__removeButton___JOb+t",form:"-esm-billing__billing-form__form___dOD1L",grid:"-esm-billing__billing-form__grid___bVIsN",row:"-esm-billing__billing-form__row___kfkPE",spacer:"-esm-billing__billing-form__spacer___5WyoB"};const l=o},9055:(e,n,t)=>{t.r(n),t.d(n,{default:()=>G});var r=t(6072),a=t.n(r),i=t(4751),o=t.n(i),l=t(6401),c=t(8659),s=t(3989),u=t(9324),m=t(3941),p=t(4476),d=t(9197),b=t(930),g=t(4720),f=t(4392),A=t(5072),_=t.n(A),y=t(7825),h=t.n(y),C=t(7659),v=t.n(C),$=t(5056),k=t.n($),E=t(540),w=t.n(E),I=t(1113),S=t.n(I),x=t(8204),N={};N.styleTagTransform=S(),N.setAttributes=k(),N.insert=v().bind(null,"head"),N.domAPI=h(),N.insertStyleElement=w(),_()(x.A,N);const B=x.A&&x.A.locals?x.A.locals:void 0;function O(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function P(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function T(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{},r=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),r.forEach((function(n){P(e,n,t[n])}))}return e}function D(e,n){return n=null!=n?n:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):function(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})),e}function j(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,a,i=[],o=!0,l=!1;try{for(t=t.call(e);!(o=(r=t.next()).done)&&(i.push(r.value),!n||i.length!==n);o=!0);}catch(e){l=!0,a=e}finally{try{o||null==t.return||t.return()}finally{if(l)throw a}}return i}}(e,n)||F(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Q(e){return function(e){if(Array.isArray(e))return O(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||F(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function F(e,n){if(e){if("string"==typeof e)return O(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(t):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?O(e,n):void 0}}const G=function(e){var n=e.patientUuid,t=e.closeWorkspace,i=(0,m.useTranslation)().t,A=(0,d.useConfig)(),_=A.defaultCurrency,y=A.postBilledItems,h="tablet"===(0,d.useLayoutType)(),C=j((0,r.useState)(0),2),v=C[0],$=C[1],k=j((0,r.useState)([]),2),E=k[0],w=k[1],I=j((0,r.useState)([]),2),S=I[0],x=I[1],N=j((0,r.useState)(""),2),O=N[0],P=N[1],F=j((0,r.useState)(!1),2),G=F[0],L=F[1],W=j((0,r.useState)(!1),2),J=W[0],q=W[1],z=j((0,r.useState)([]),2),H=z[0],X=z[1],M=j((0,r.useState)(""),2),U=M[0],K=M[1],R=(0,d.useDebounce)(U),Y=j((0,r.useState)(!0),2),V=Y[0],Z=Y[1],ee=p.z.object({Qnty:p.z.number().min(1,i("quantityGreaterThanZero","Quantity must be at least one for all items."))}),ne=(0,f.u5)(R,O),te=ne.data,re=ne.error,ae=ne.isLoading,ie=(ne.isValidating,(0,r.useMemo)((function(){var e;if(!R||ae||re)return[];var n=te,t=new Set(S.map((function(e){return e.uuid}))),r=null==n||null===(e=n.results)||void 0===e?void 0:e.map((function(e){var n,t;return{uuid:e.uuid||"",Item:e.commonName?e.commonName:e.name,Qnty:1,Price:e.commonName?10:null===(n=e.servicePrices[0])||void 0===n?void 0:n.price,Total:e.commonName?10:null===(t=e.servicePrices[0])||void 0===t?void 0:t.price,category:e.commonName?"StockItem":"Service"}})).filter((function(e){return!t.has(e.uuid)}));return R?o().filter(R,r,{extract:function(e){return"".concat(e.Item)}}).sort((function(e,n){return e.score-n.score})).map((function(e){return e.original})):E}),[R,ae,re,te,S,E]));return(0,r.useEffect)((function(){w(ie)}),[ie]),a().createElement(c.lVW,{className:B.form},a().createElement("div",{className:B.grid},a().createElement(c.BJc,null,a().createElement(c.zWQ,{legendText:i("selectCategory","Select category"),name:"radio-button-group",defaultSelected:"radio-1",className:B.mt2,onChange:function(e){(0,l.A)(e)||Z(!1),P("Stock Item"===e?"Stock Item":"Service")}},a().createElement(c.aaP,{labelText:i("stockItem","Stock Item"),value:"Stock Item",id:"stockItem"}),a().createElement(c.aaP,{labelText:i("service","Service"),value:"Service",id:"service"}))),a().createElement(c.BJc,null,a().createElement(c.vji,{size:"lg",id:"searchField",disabled:V,closeButtonLabelText:i("clearSearchInput","Clear search input"),className:B.mt2,placeholder:i("searchItems","Search items and services"),labelText:i("searchItems","Search items and services"),onKeyUp:function(e){return K(e.target.value)},onClear:function(){w([])}})),a().createElement(c.BJc,null,a().createElement("ul",{className:B.searchContent},(null==E?void 0:E.length)>0&&(null==E?void 0:E.map((function(e){return a().createElement("li",{key:e.uuid,className:B.searchItem},a().createElement(c.$nd,{id:e.uuid,onClick:function(n){return function(e,n,t,r,a){var i,o=S.findIndex((function(e){return e.uuid===n})),l=[];if(o>=0)l=S.map((function(e,n){if(n===o){var t=e.Qnty+1;return D(T({},e),{Qnty:t,Total:t*e.Price})}return e}));else{var c={uuid:n,Item:t,Qnty:1,Price:a,Total:a,category:r};l=Q(S).concat([c]),X(Q(H).concat([c]))}x(l),i=l.reduce((function(e,n){return e+n.Price*n.Qnty}),0),$(i),document.getElementById("searchField").value=""}(0,e.uuid,e.Item,e.category,e.Price)},style:{background:"inherit",color:"black"}},e.Item," Qnty.",e.Qnty," ",_,".",e.Price))}))),0===(null==E?void 0:E.length)&&!ae&&!!R&&a().createElement("p",null,i("noResultsFound","No results found")))),a().createElement(c.BJc,null,a().createElement(c.XIK,{"aria-label":"sample table",className:B.mt2},a().createElement(c.ndF,null,a().createElement(c.Hjg,null,a().createElement(c.A0N,null,"Item"),a().createElement(c.A0N,null,"Quantity"),a().createElement(c.A0N,null,"Price"),a().createElement(c.A0N,null,"Total"),a().createElement(c.A0N,null,"Action"))),a().createElement(c.BFY,null,S&&Array.isArray(S)?S.map((function(e){return a().createElement(c.Hjg,null,a().createElement(c.nA6,null,e.Item),a().createElement(c.nA6,null,a().createElement("input",{type:"number",className:"form-control ".concat(e.Qnty<=0?B.invalidInput:""),id:e.Item,min:0,max:100,value:e.Qnty,onChange:function(n){!function(e,n){var t=parseInt(e.target.value),r=!0;try{ee.parse({Qnty:t})}catch(e){r=!1;var a=JSON.parse(e.message);(0,d.showToast)({title:i("billItems","Save Bill"),kind:"error",description:a[0].message})}var o=S.map((function(e){return e.Item.toLowerCase().includes(n.toLowerCase())?D(T({},e),{Qnty:t,Total:t>0?e.Price*t:0}):e})),l=o.some((function(e){return e.Qnty<=0}));L(!r||l);var c=o.reduce((function(e,n){return e+n.Total}),0);$(c)}(n,e.Item),e.Qnty=n.target.value}})),a().createElement(c.nA6,{id:e.Item+"Price"},e.Price),a().createElement(c.nA6,{id:e.Item+"Total",className:"totalValue"},e.Total),a().createElement(c.nA6,null,a().createElement(s.zH,{onClick:function(){return function(e){var n=S.filter((function(n){return n.uuid!==e}));x(n),X(H.filter((function(n){return n.uuid!==e})));var t=n.reduce((function(e,n){return e+n.Total}),0);$(t)}(e.uuid)},className:B.removeButton})))})):a().createElement("p",null,"Loading..."),a().createElement(c.Hjg,null,a().createElement(c.nA6,{colSpan:3}),a().createElement(c.nA6,{style:{fontWeight:"bold"}},i("grandTotal","Grand total"),":"),a().createElement(c.nA6,{id:"GrandTotalSum"},(0,g.aL)(v,_)))))),a().createElement(c.Te$,{className:h?B.tablet:B.desktop},a().createElement(c.$nd,{className:B.button,kind:"secondary",disabled:J,onClick:t},i("discard","Discard")),a().createElement(c.$nd,{className:B.button,kind:"primary",onClick:function(){q(!0);var e={cashPoint:y.cashPoint,cashier:y.cashier,lineItems:[],payments:[],patient:n,status:"PENDING"};S.forEach((function(n){var t={quantity:parseInt(n.Qnty),price:n.Price,priceName:"Default",priceUuid:y.priceUuid,lineItemOrder:0,paymentStatus:"PENDING"};"StockItem"===n.category?t.item=n.uuid:t.billableService=n.uuid,null==e||e.lineItems.push(t)}));var r="".concat(b.B,"bill");(0,f.Xn)(e).then((function(){q(!1),t(),(0,u.Tk)((function(e){return"string"==typeof e&&e.startsWith(r)}),void 0,{revalidate:!0}),(0,d.showSnackbar)({title:i("billItems","Save Bill"),subtitle:"Bill processing has been successful",kind:"success",timeoutInMs:3e3})}),(function(e){q(!1),(0,d.showSnackbar)({title:"Bill processing error",kind:"error",subtitle:null==e?void 0:e.message})}))},disabled:J||G,type:"submit"},J?a().createElement(c.OuH,{description:i("saving","Saving")+"..."}):i("saveAndClose","Save and close")))))}}}]);