@tap-payments/os-micro-frontend-shared 0.3.73 → 0.3.74

package/build/_chunks/{chunk-B65XCHRB.js → chunk-NZV5TMYT.js}

@@ -1 +1 @@
-import {a as a$2}from'./chunk-54FCSMXZ.js';import {a as a$1}from'./chunk-X2OP7O2J.js';import {a}from'./chunk-ZG5W36IE.js';import {Kc,Pa,Qa,Oa,s}from'./chunk-LFGGD3BZ.js';import {Wc,Vc,Mc,Lc,Kc as Kc$1,Nc,Qe}from'./chunk-ISV4GUHO.js';import {useRef,useId,useState,useEffect}from'react';import {useTranslation}from'react-i18next';import {createPortal}from'react-dom';import {styled,alpha}from'@mui/material';import oe from'@mui/material/Popover';import Je from'react-currency-input-field';import {jsx,Fragment,jsxs}from'react/jsx-runtime';var ne=styled("div")(({showWarning:e})=>({display:"flex",gap:"0.25rem",justifyContent:"flex-start",alignItems:"flex-start",padding:"0.25rem",borderRadius:"0.25rem",width:"14.25rem",minHeight:e?"3.6rem":"2.5rem"})),te=styled("div")(()=>({display:"flex",flexDirection:"column",width:"100%"})),re=styled("div")(()=>({display:"flex",alignItems:"flex-start",justifyContent:"space-between",flex:1})),ie=styled("div")(({theme:e,showWarning:o,showDropDown:t})=>({height:"2rem",border:o?`1px solid ${e.palette.common.red}24`:t?`1px solid ${e.palette.info.dark}`:`1px solid ${e.palette.grey[100]}`,borderRadius:o?"0.25rem 0.25rem 0rem 0rem":"0.25rem",display:"flex",alignItems:"center",justifyContent:"space-between",paddingRight:"0.5rem",paddingLeft:"0.5rem",paddingTop:"0.25rem",paddingBottom:"0.25rem",margin:0,zIndex:4e3,...t&&{boxShadow:`0px 0px 4px 0px ${e.palette.info.dark}80`}})),ae=styled("div")(({theme:e})=>({height:"1.1rem",borderRadius:"0rem 0rem 0.25rem 0.25rem",display:"flex",justifyContent:"flex-start",margin:0,alignItems:"center",background:e.palette.background.gradient.error,paddingLeft:"0.5rem"})),se=styled("p")(({theme:e})=>({color:e.palette.common.red,fontSize:"0.62rem",fontWeight:400,fontFamily:"Lato",padding:0,margin:0,paddingLeft:"0.25rem"})),de=styled("img")({height:"auto",width:"auto",verticalAlign:"top"}),le=styled("div")({display:"flex",flexDirection:"column",justifyContent:"center"}),ce=styled("div")({display:"flex",height:"0.8rem",alignItems:"center",width:"8.5rem"}),pe=styled(Je)(({theme:e,showWarning:o,disabled:t})=>({color:o?e.palette.common.red:e.palette.text.primary,fontSize:"0.8125rem",fontWeight:600,width:"4.5rem",height:"0.9rem",border:"none",outline:"none",textAlign:"right",padding:0,"&::-webkit-outer-spin-button":{appearance:"none",margin:0},"&::-webkit-inner-spin-button":{appearance:"none",margin:0},backgroundColor:"transparent",alignSelf:"flex-end","&::placeholder":{color:e.palette.grey.A400},...t&&{opacity:.3}})),me=styled("p")(({theme:e})=>({color:e.palette.text.primary,fontSize:"0.8125rem",fontWeight:600,width:"5.2rem",border:"none",outline:"none",padding:0,margin:0,paddingLeft:16,textAlign:"right","&::-webkit-outer-spin-button":{appearance:"none",margin:0},"&::-webkit-inner-spin-button":{appearance:"none",margin:0},alignSelf:"center"})),I=styled("p")(({theme:e,showWarning:o,showBottomPadding:t,autoMargin:i})=>({color:o?e.palette.common.red:e.palette.grey[700],fontSize:"0.625rem",fontWeight:500,padding:0,margin:0,height:t?"0.43rem":"auto",...t&&{lineHeight:"0.625",leadingTrim:"both",paddingBottom:"0.31rem"},...i&&{paddingBottom:"0.43rem",lineHeight:"0.625"}})),Ne=styled("div")({display:"flex"}),v=styled(Ne)(({limited:e,paddingTop:o,marginRightAuto:t})=>({paddingRight:"0.5rem",alignItems:"center",cursor:"pointer",...t&&{marginRight:"auto"},...e&&{width:"3rem"},...o&&{paddingTop:"0.31rem"}})),A=styled("p")(({theme:e})=>({color:e.palette.text.primary,fontSize:"0.68rem",fontWeight:500,margin:0,padding:0,textTransform:"capitalize",paddingRight:"0.25rem",paddingLeft:"0.2rem",lineHeight:"0.865"})),ue=styled("div")({width:0,height:0}),ge=styled(oe)(({theme:e})=>({backgroundColor:e.palette.background.default,boxShadow:e.shadows[21],"& .MuiPaper-root":{borderRadius:"0.25rem"}})),F=styled("div")(({theme:e,disabled:o,isRefundInProcess:t,warning:i,isHighlighted:a})=>({borderRadius:"0.3rem",backgroundColor:e.palette.common.white,border:`1px solid ${t?e.palette.info.dark:e.palette.grey[100]}`,width:"2rem",height:"2rem",display:"flex",justifyContent:"center",alignItems:"center",cursor:"pointer",pointerEvents:o?"none":"auto",transition:"all 0.2s ease-in-out","&:hover":{border:`1px solid ${i?e.palette.common.red:e.palette.info.dark}`},...a&&{border:`1px solid ${e.palette.info.dark}`},...o&&{opacity:.3}})),H=styled("img")(()=>({width:"0.85rem",height:"0.85rem"})),fe=styled(oe)(({theme:e})=>({backgroundColor:"transparent",boxShadow:e.shadows[21],borderRadius:"0.25rem","& .MuiPaper-root":{borderRadius:"0.25rem"}})),he=styled("div")(({showDaysMenu:e})=>({height:e?"4.5rem":"auto"})),ye=styled("div")(({theme:e})=>({display:"flex",alignItems:"flex-start",justifyContent:"space-between",borderBottom:`1px solid ${e.palette.grey[100]}`,maxWidth:"9.25rem",height:"2.75rem",padding:"0.5rem",cursor:"pointer",gap:"0.31rem",flexDirection:"column",transition:"all 0.2s ease-in-out","&:hover":{boxShadow:`0px 0px 16px 0px ${alpha(e.palette.common.black,.13)}`}})),Ce=styled("img")(({spaceFromBottom:e,currencyPadding:o})=>({height:"0.4rem",width:"0.6rem",cursor:"pointer",marginBottom:e||o?"0":"auto",verticalAlign:"middle",...e&&{marginTop:"2px"}}));var Xe=({selectedCurrency:e,option:o,closeDropdown:t,handleSelectOption:i})=>{let{t:a$1}=useTranslation();return jsxs(ye,{onClick:()=>{i&&i(o.value,o?.currency),t();},children:[jsx(I,{showBottomPadding:true,showWarning:false,children:a$1(o.name)}),jsxs(ce,{children:[jsxs(v,{marginRightAuto:true,children:[jsx(a,{currencyCode:o?.currency??e,width:"0.76rem"}),jsx(A,{children:o?.currency??e})]}),jsx(me,{showWarning:false,children:Pa(o.value||0,o?.currency??e)})]})]})};function Ye({menuAnchor:e,showDropDown:o,selectedCurrency:t,options:i,closeDropdown:a,handleSelectOption:g}){return i.length<=1?null:jsx(fe,{open:o,anchorEl:e,anchorOrigin:{vertical:18,horizontal:-76},style:{backgroundColor:"transparent",zIndex:4e3,padding:0,margin:0},onClose:a,children:jsx(he,{children:i.map(f=>jsx(Fragment,{children:Xe({selectedCurrency:t,option:f,closeDropdown:a,handleSelectOption:g})}))})})}var $=Ye;function oo({showWarning:e,selectedCurrency:o,onAmountChange:t,amount:i,currencyConfig:a$3,toggleDropDown:g,showDropDown:f,showDropdownIcon:M,disabled:x,isLoading:h}){let{t:b}=useTranslation(),y=useRef(null),C=()=>{y.current&&y.current.click();};return jsxs(Fragment,{children:[jsxs(le,{children:[jsx(I,{showBottomPadding:true,showWarning:e,children:b("amount")}),jsxs(v,{limited:true,paddingTop:true,onClick:C,children:[jsx(a,{currencyCode:o,width:"0.76rem"}),jsx(A,{children:jsx(a$1,{currency:o})}),!e&&M&&jsx(Ce,{src:f?Wc:Vc,alt:"drop-down icon",currencyPadding:true})]})]}),jsx(ue,{ref:y,onClick:g}),h?jsx(a$2,{variant:"text",width:"100%",height:"100%"}):jsx(pe,{disabled:x,placeholder:a$3[o]?"0.000":"0.00",onValueChange:t,value:i,decimalsLimit:a$3[o]??2,showWarning:e||false,decimalScale:a$3[o]??2,autoFocus:true})]})}var B=oo;function so({anchorEl:e,initialAmount:o,options:t,onConfirm:i,handleClose:a,currency:g,isCheckMarkHighlighted:f}){let M=Kc(useId(),"action-menu"),{t:x}=useTranslation(),[h,b]=useState(o?.toString()),[y,C]=useState(),[u,k]=useState(""),be=useRef(null),[R,E]=useState(false),[c,Se]=useState(g),j=false,[De,Ie]=useState(false),[ve,G]=useState(Mc),[Ae,K]=useState(Lc),Me=useRef(),ke=()=>{C(void 0),E(false);};useEffect(()=>{Me.current?.focus();},[De]);let Re=()=>{ke(),Ie(r=>!r);},Ee=!!e,We=r=>{E(p=>!p),C(r.currentTarget);},Pe=t?.find(r=>r.currency===c)?.value,Te=Pa(Pe||0,c),Oe=`${x("maxAllowed")} ${Te}`,Fe=`${x("minAllowed")} ${Qa(.1,c||"KWD")}`,He=r=>{let p=s(r);p>o?k(Oe):p<.1&&r!==void 0?k(Fe):k(""),b(r);},Le=(r,p)=>{let Ve=Qa(r||0,p||"KWD");b(Ve),Se(p||c);},U=r=>{C(void 0),E(false),a(r);},$e=()=>{K(Nc);},ze=()=>{K(Lc);},V=r=>{U(r);},Be=()=>{U();},je=()=>{G(Qe);},Ge=()=>{G(Mc);},Ke=()=>{i?.(s(h),c),V();},Ue=!!u||!h;return createPortal(jsx(ge,{id:M,"data-testid":"ActionMenu",open:Ee,anchorEl:e,style:{backgroundColor:"transparent",zIndex:3e3},"aria-labelledby":"modal-modal-title","aria-describedby":"modal-modal-description",anchorOrigin:{vertical:"top",horizontal:-234},ref:be,onClose:r=>{V(r);},children:jsxs(ne,{showWarning:!!u,children:[jsxs(te,{children:[jsxs(ie,{showWarning:!!u,showDropDown:R,children:[jsx(B,{showWarning:!!u,selectedCurrency:c,onAmountChange:He,amount:h,currencyConfig:Oa,toggleDropDown:We,showDropDown:!R,showDropdownIcon:(t?.length||0)>1}),jsx($,{showDropDown:R,menuAnchor:y,selectedCurrency:c,closeDropdown:Re,options:t??[],handleSelectOption:Le})]}),!!u&&jsxs(ae,{children:[jsx(de,{src:Kc$1,alt:"info"}),jsx(se,{children:u})]})]}),jsxs(re,{children:[jsx(F,{onMouseLeave:Ge,onMouseEnter:je,warning:true,role:"button",onClick:Be,children:jsx(H,{isRefundInProcess:j,src:ve,alt:"Cross icon"})}),jsx(F,{onMouseLeave:ze,onMouseEnter:$e,isRefundInProcess:j,disabled:Ue,role:"button",onClick:Ke,isHighlighted:f,children:jsx(H,{src:Ae,alt:"Check icon"})})]})]})}),document.body)}var xe=so;var jo=xe;export{$ as a,B as b,jo as c};
+import {a as a$2}from'./chunk-HG3P3FIU.js';import {a as a$1}from'./chunk-25M72GGL.js';import {a}from'./chunk-HIL3BWQJ.js';import {Lc,Pa,Qa,Oa,s}from'./chunk-K4W2YD5I.js';import {Wc,Vc,Mc,Lc as Lc$1,Kc,Nc,Qe}from'./chunk-ISV4GUHO.js';import {useRef,useId,useState,useEffect}from'react';import {useTranslation}from'react-i18next';import {createPortal}from'react-dom';import {styled,alpha}from'@mui/material';import oe from'@mui/material/Popover';import Je from'react-currency-input-field';import {jsx,Fragment,jsxs}from'react/jsx-runtime';var ne=styled("div")(({showWarning:e})=>({display:"flex",gap:"0.25rem",justifyContent:"flex-start",alignItems:"flex-start",padding:"0.25rem",borderRadius:"0.25rem",width:"14.25rem",minHeight:e?"3.6rem":"2.5rem"})),te=styled("div")(()=>({display:"flex",flexDirection:"column",width:"100%"})),re=styled("div")(()=>({display:"flex",alignItems:"flex-start",justifyContent:"space-between",flex:1})),ie=styled("div")(({theme:e,showWarning:o,showDropDown:t})=>({height:"2rem",border:o?`1px solid ${e.palette.common.red}24`:t?`1px solid ${e.palette.info.dark}`:`1px solid ${e.palette.grey[100]}`,borderRadius:o?"0.25rem 0.25rem 0rem 0rem":"0.25rem",display:"flex",alignItems:"center",justifyContent:"space-between",paddingRight:"0.5rem",paddingLeft:"0.5rem",paddingTop:"0.25rem",paddingBottom:"0.25rem",margin:0,zIndex:4e3,...t&&{boxShadow:`0px 0px 4px 0px ${e.palette.info.dark}80`}})),ae=styled("div")(({theme:e})=>({height:"1.1rem",borderRadius:"0rem 0rem 0.25rem 0.25rem",display:"flex",justifyContent:"flex-start",margin:0,alignItems:"center",background:e.palette.background.gradient.error,paddingLeft:"0.5rem"})),se=styled("p")(({theme:e})=>({color:e.palette.common.red,fontSize:"0.62rem",fontWeight:400,fontFamily:"Lato",padding:0,margin:0,paddingLeft:"0.25rem"})),de=styled("img")({height:"auto",width:"auto",verticalAlign:"top"}),le=styled("div")({display:"flex",flexDirection:"column",justifyContent:"center"}),ce=styled("div")({display:"flex",height:"0.8rem",alignItems:"center",width:"8.5rem"}),pe=styled(Je)(({theme:e,showWarning:o,disabled:t})=>({color:o?e.palette.common.red:e.palette.text.primary,fontSize:"0.8125rem",fontWeight:600,width:"4.5rem",height:"0.9rem",border:"none",outline:"none",textAlign:"right",padding:0,"&::-webkit-outer-spin-button":{appearance:"none",margin:0},"&::-webkit-inner-spin-button":{appearance:"none",margin:0},backgroundColor:"transparent",alignSelf:"flex-end","&::placeholder":{color:e.palette.grey.A400},...t&&{opacity:.3}})),me=styled("p")(({theme:e})=>({color:e.palette.text.primary,fontSize:"0.8125rem",fontWeight:600,width:"5.2rem",border:"none",outline:"none",padding:0,margin:0,paddingLeft:16,textAlign:"right","&::-webkit-outer-spin-button":{appearance:"none",margin:0},"&::-webkit-inner-spin-button":{appearance:"none",margin:0},alignSelf:"center"})),I=styled("p")(({theme:e,showWarning:o,showBottomPadding:t,autoMargin:i})=>({color:o?e.palette.common.red:e.palette.grey[700],fontSize:"0.625rem",fontWeight:500,padding:0,margin:0,height:t?"0.43rem":"auto",...t&&{lineHeight:"0.625",leadingTrim:"both",paddingBottom:"0.31rem"},...i&&{paddingBottom:"0.43rem",lineHeight:"0.625"}})),Ne=styled("div")({display:"flex"}),v=styled(Ne)(({limited:e,paddingTop:o,marginRightAuto:t})=>({paddingRight:"0.5rem",alignItems:"center",cursor:"pointer",...t&&{marginRight:"auto"},...e&&{width:"3rem"},...o&&{paddingTop:"0.31rem"}})),A=styled("p")(({theme:e})=>({color:e.palette.text.primary,fontSize:"0.68rem",fontWeight:500,margin:0,padding:0,textTransform:"capitalize",paddingRight:"0.25rem",paddingLeft:"0.2rem",lineHeight:"0.865"})),ue=styled("div")({width:0,height:0}),ge=styled(oe)(({theme:e})=>({backgroundColor:e.palette.background.default,boxShadow:e.shadows[21],"& .MuiPaper-root":{borderRadius:"0.25rem"}})),F=styled("div")(({theme:e,disabled:o,isRefundInProcess:t,warning:i,isHighlighted:a})=>({borderRadius:"0.3rem",backgroundColor:e.palette.common.white,border:`1px solid ${t?e.palette.info.dark:e.palette.grey[100]}`,width:"2rem",height:"2rem",display:"flex",justifyContent:"center",alignItems:"center",cursor:"pointer",pointerEvents:o?"none":"auto",transition:"all 0.2s ease-in-out","&:hover":{border:`1px solid ${i?e.palette.common.red:e.palette.info.dark}`},...a&&{border:`1px solid ${e.palette.info.dark}`},...o&&{opacity:.3}})),H=styled("img")(()=>({width:"0.85rem",height:"0.85rem"})),fe=styled(oe)(({theme:e})=>({backgroundColor:"transparent",boxShadow:e.shadows[21],borderRadius:"0.25rem","& .MuiPaper-root":{borderRadius:"0.25rem"}})),he=styled("div")(({showDaysMenu:e})=>({height:e?"4.5rem":"auto"})),ye=styled("div")(({theme:e})=>({display:"flex",alignItems:"flex-start",justifyContent:"space-between",borderBottom:`1px solid ${e.palette.grey[100]}`,maxWidth:"9.25rem",height:"2.75rem",padding:"0.5rem",cursor:"pointer",gap:"0.31rem",flexDirection:"column",transition:"all 0.2s ease-in-out","&:hover":{boxShadow:`0px 0px 16px 0px ${alpha(e.palette.common.black,.13)}`}})),Ce=styled("img")(({spaceFromBottom:e,currencyPadding:o})=>({height:"0.4rem",width:"0.6rem",cursor:"pointer",marginBottom:e||o?"0":"auto",verticalAlign:"middle",...e&&{marginTop:"2px"}}));var Xe=({selectedCurrency:e,option:o,closeDropdown:t,handleSelectOption:i})=>{let{t:a$1}=useTranslation();return jsxs(ye,{onClick:()=>{i&&i(o.value,o?.currency),t();},children:[jsx(I,{showBottomPadding:true,showWarning:false,children:a$1(o.name)}),jsxs(ce,{children:[jsxs(v,{marginRightAuto:true,children:[jsx(a,{currencyCode:o?.currency??e,width:"0.76rem"}),jsx(A,{children:o?.currency??e})]}),jsx(me,{showWarning:false,children:Pa(o.value||0,o?.currency??e)})]})]})};function Ye({menuAnchor:e,showDropDown:o,selectedCurrency:t,options:i,closeDropdown:a,handleSelectOption:g}){return i.length<=1?null:jsx(fe,{open:o,anchorEl:e,anchorOrigin:{vertical:18,horizontal:-76},style:{backgroundColor:"transparent",zIndex:4e3,padding:0,margin:0},onClose:a,children:jsx(he,{children:i.map(f=>jsx(Fragment,{children:Xe({selectedCurrency:t,option:f,closeDropdown:a,handleSelectOption:g})}))})})}var $=Ye;function oo({showWarning:e,selectedCurrency:o,onAmountChange:t,amount:i,currencyConfig:a$3,toggleDropDown:g,showDropDown:f,showDropdownIcon:M,disabled:x,isLoading:h}){let{t:b}=useTranslation(),y=useRef(null),C=()=>{y.current&&y.current.click();};return jsxs(Fragment,{children:[jsxs(le,{children:[jsx(I,{showBottomPadding:true,showWarning:e,children:b("amount")}),jsxs(v,{limited:true,paddingTop:true,onClick:C,children:[jsx(a,{currencyCode:o,width:"0.76rem"}),jsx(A,{children:jsx(a$1,{currency:o})}),!e&&M&&jsx(Ce,{src:f?Wc:Vc,alt:"drop-down icon",currencyPadding:true})]})]}),jsx(ue,{ref:y,onClick:g}),h?jsx(a$2,{variant:"text",width:"100%",height:"100%"}):jsx(pe,{disabled:x,placeholder:a$3[o]?"0.000":"0.00",onValueChange:t,value:i,decimalsLimit:a$3[o]??2,showWarning:e||false,decimalScale:a$3[o]??2,autoFocus:true})]})}var B=oo;function so({anchorEl:e,initialAmount:o,options:t,onConfirm:i,handleClose:a,currency:g,isCheckMarkHighlighted:f}){let M=Lc(useId(),"action-menu"),{t:x}=useTranslation(),[h,b]=useState(o?.toString()),[y,C]=useState(),[u,k]=useState(""),be=useRef(null),[R,E]=useState(false),[c,Se]=useState(g),j=false,[De,Ie]=useState(false),[ve,G]=useState(Mc),[Ae,K]=useState(Lc$1),Me=useRef(),ke=()=>{C(void 0),E(false);};useEffect(()=>{Me.current?.focus();},[De]);let Re=()=>{ke(),Ie(r=>!r);},Ee=!!e,We=r=>{E(p=>!p),C(r.currentTarget);},Pe=t?.find(r=>r.currency===c)?.value,Te=Pa(Pe||0,c),Oe=`${x("maxAllowed")} ${Te}`,Fe=`${x("minAllowed")} ${Qa(.1,c||"KWD")}`,He=r=>{let p=s(r);p>o?k(Oe):p<.1&&r!==void 0?k(Fe):k(""),b(r);},Le=(r,p)=>{let Ve=Qa(r||0,p||"KWD");b(Ve),Se(p||c);},U=r=>{C(void 0),E(false),a(r);},$e=()=>{K(Nc);},ze=()=>{K(Lc$1);},V=r=>{U(r);},Be=()=>{U();},je=()=>{G(Qe);},Ge=()=>{G(Mc);},Ke=()=>{i?.(s(h),c),V();},Ue=!!u||!h;return createPortal(jsx(ge,{id:M,"data-testid":"ActionMenu",open:Ee,anchorEl:e,style:{backgroundColor:"transparent",zIndex:3e3},"aria-labelledby":"modal-modal-title","aria-describedby":"modal-modal-description",anchorOrigin:{vertical:"top",horizontal:-234},ref:be,onClose:r=>{V(r);},children:jsxs(ne,{showWarning:!!u,children:[jsxs(te,{children:[jsxs(ie,{showWarning:!!u,showDropDown:R,children:[jsx(B,{showWarning:!!u,selectedCurrency:c,onAmountChange:He,amount:h,currencyConfig:Oa,toggleDropDown:We,showDropDown:!R,showDropdownIcon:(t?.length||0)>1}),jsx($,{showDropDown:R,menuAnchor:y,selectedCurrency:c,closeDropdown:Re,options:t??[],handleSelectOption:Le})]}),!!u&&jsxs(ae,{children:[jsx(de,{src:Kc,alt:"info"}),jsx(se,{children:u})]})]}),jsxs(re,{children:[jsx(F,{onMouseLeave:Ge,onMouseEnter:je,warning:true,role:"button",onClick:Be,children:jsx(H,{isRefundInProcess:j,src:ve,alt:"Cross icon"})}),jsx(F,{onMouseLeave:ze,onMouseEnter:$e,isRefundInProcess:j,disabled:Ue,role:"button",onClick:Ke,isHighlighted:f,children:jsx(H,{src:Ae,alt:"Check icon"})})]})]})}),document.body)}var xe=so;var jo=xe;export{$ as a,B as b,jo as c};