@tap-payments/os-micro-frontend-shared 0.3.169-test.2 → 0.3.170

package/build/_chunks/chunk-ZFTEDE2C.js

@@ -1 +0,0 @@
-import {c,b,g}from'./chunk-FPEXFSFO.js';import {a}from'./chunk-J6HEXAGE.js';import {yc}from'./chunk-MXISJOX2.js';import {Db,B,Rf}from'./chunk-3YAJNHQC.js';import {memo,useId,useState,useEffect,useRef}from'react';import {styled,Box,TextField,Button,Typography,FormControl,InputLabel,Select,MenuItem}from'@mui/material';import {jsx,jsxs,Fragment}from'react/jsx-runtime';import L from'@mui/material/Box';import ve from'@mui/material/ClickAwayListener';import Be from'@mui/material/Popper';import W from'@mui/material/Skeleton';import {styled as styled$1}from'@mui/material/styles';import {useFormContext,Controller}from'react-hook-form';var K=styled(Box)(()=>({display:"flex",flexDirection:"column",gap:"4px",width:"100%",height:40,"& *":{flex:1,margin:"0px !important"}})),y=styled(TextField,{shouldForwardProp:e=>!["hasError","feedbackType","hasFeedback","hideArrows"].includes(e)})(({theme:e,hasError:n,feedbackType:o,hasFeedback:a,hideArrows:t})=>{let{borderColor:i}=c(e,o),l=a?"4px 4px 0 0":"4px",m="#F2F2F2";return o&&(m=i),n&&!o&&(m=e.palette.error.main),{"& .MuiFormLabel-asterisk":{color:"red"},"& .MuiInputBase-root":{maxHeight:"40px !important",alignItems:"flex-end !important"},"& fieldset":{border:"1px solid red"},"&:hover fieldset":{border:"1px solid green"},"&.Mui-focused fieldset":{border:"1px solid blue"},border:`1px solid ${m}`,borderBottom:a?"none":void 0,borderRadius:l,"& .MuiInputBase-input":{margin:"0px !important",padding:"0px !important",color:"#20232B !important",fontSize:"11px !important",fontStyle:"normal !important",fontWeight:"500 !important",lineHeight:"130%  !important"},"& .MuiFormLabel-root":{fontSize:"10px",fontStyle:"normal",fontWeight:500,lineHeight:"100%",transform:"translate(0, 8px) scale(1)"},".MuiFormLabel-root.MuiFormLabel-filled, .MuiFormLabel-root.MuiInputLabel-shrink":{transform:"translate(0, -1.5px) scale(0.75) "},".MuiFormLabel-root.Mui-focused":{transform:"translate(0, -1.5px) scale(0.75)",fontSize:"10px",fontStyle:"normal",fontWeight:500,lineHeight:"100%"},...t&&{"& input[type=number]":{MozAppearance:"textfield"},"& input[type=number]::-webkit-outer-spin-button":{WebkitAppearance:"none",margin:0},"& input[type=number]::-webkit-inner-spin-button":{WebkitAppearance:"none",margin:0}}}}),U=styled("small")(({theme:e})=>({color:e.palette.error.main,fontSize:"10px",lineHeight:"10px",marginTop:"4px",display:"block"}));var V=styled("div")(()=>({position:"relative",display:"flex",justifyContent:"flex-end",alignItems:"center"})),O=styled(y)(({theme:e})=>({fontSize:"11px",lineHeight:"11px",color:e.palette.common.black,borderRadius:"5px",boxShadow:"0px 0px 6px 0px rgba(0, 0, 0, 0.11);",padding:"4px 8px",height:"32px",border:"none",outline:"none",width:"100%","&:focus":{border:"1px solid #1F88D0"}})),G=styled(Button)(({theme:e})=>({display:"flex",height:"24px",padding:"8px",justifyContent:"center",alignItems:"center",gap:"8px",backgroundColor:e.palette.divider,color:e.palette.grey[700],fontSize:"9px",fontWeight:500,textTransform:"none",position:"absolute",right:4,opacity:"1 !important",top:4,borderRadius:"4px"}));function P(e){let n=yc(useId(),"file-input"),o=useRef(null);return jsxs(Fragment,{children:[jsxs(V,{id:n,"data-testid":"InputContainer",children:[jsx(O,{value:o.current?.files?.[0]?.name||"",...e}),jsx(G,{onClick:()=>{o.current?.click();},children:"Browse"})]}),jsx("input",{type:"file",ref:o,style:{display:"none"}})]})}var Ce=P;var Q=styled$1("button")(({theme:e})=>({display:"flex",gap:"4px",alignItems:"center",".logo":{width:"15.568px",height:"10.889px",borderRadius:"3px"},".arrow":{width:14},span:{color:e.palette.text.primary,fontWeight:500,fontSize:"11px"},height:24,cursor:"pointer"})),X=styled$1(L)(({theme:e})=>({backgroundColor:e.palette.common.white,padding:"4px 8px",borderRadius:"4px",border:`1px solid ${e.palette.divider}`,width:100})),Y=styled$1("ul")(()=>({listStyle:"none",padding:0,margin:0,maxHeight:100,overflow:"auto"})),Z=styled$1("li")(({theme:e})=>({display:"flex",gap:"4px",alignItems:"center",".logo":{width:"15.568px",height:"10.889px",borderRadius:"3px"},".arrow":{width:14},span:{color:e.palette.text.primary,fontWeight:500,fontSize:"11px"},height:24,cursor:"pointer"})),j=styled$1(a)(()=>({height:24,padding:"4px",marginBottom:"4px"})),ee=styled$1(L)(()=>({color:"red !important"}));styled$1("small")(({theme:e})=>({color:e.palette.error.main,fontSize:"10px",lineHeight:"10px",marginTop:"4px",display:"block"}));var te=styled$1(L)(({theme:e})=>({border:`1px solid ${e.palette.divider}`,display:"flex",position:"relative",paddingInline:"8px",alignItems:"center",borderRadius:"4px",height:"40px"})),oe=styled$1(a,{shouldForwardProp:e=>e!=="error"})(({error:e})=>({img:{cursor:"pointer"},...e&&{borderBottomLeftRadius:0,borderBottomRightRadius:0,borderBottom:"none"}}));function Pe({defaultCountry:e,value:n,onChangeCountry:o,required:a,countries:t=[],isLoading:i=false}){let l=yc(useId(),"countries-dropdown"),[m,g]=useState(null),[b,u]=useState([]),[S,D]=useState(),ue=()=>{if(t&&e){let r=t.find(c=>c.iso2===e);r&&o?.(r);}};useEffect(()=>{u(t||[]),ue();},[t]);let A=!!m,ce=r=>{r.stopPropagation(),g(r.currentTarget);},N=()=>{g(null),D(void 0);},xe=r=>{o?.(r),N(),u(t);},fe=r=>{let c=Number(r.target.value);if(D(c),!c){u(t);return}u(t.filter(ge=>ge.idd_prefix.toString().startsWith(c.toString())));};return i?jsx(W,{variant:"rectangular",width:56.5,height:20,sx:{borderRadius:"4px"}}):jsx(ve,{onClickAway:N,children:jsxs(L,{id:l,"data-testid":"CountriesCode",sx:{position:"relative"},children:[jsxs(Q,{type:"button",onClick:ce,sx:{backgroundColor:"transparent",border:"none",height:34},children:[n?.logo?jsx("img",{src:n.logo,alt:"c",className:"logo"}):jsx(W,{variant:"rectangular",className:"logo"}),jsx("span",{children:`+${n?.idd_prefix}`}),a&&jsx(ee,{component:"span",children:"*"}),jsx(L,{component:"img",src:Db,alt:"d",className:"arrow",sx:{...A&&{transform:"rotate(180deg)"}}})]}),jsx(Be,{open:A,anchorEl:m,children:jsxs(X,{component:"article","data-testid":"CountriesWrapper",children:[jsx(j,{endAdornment:jsx("img",{src:B,alt:"arrow"}),onChange:fe,value:S,hideArrows:true}),jsx(Y,{children:b.map(r=>jsxs(Z,{onClick:()=>{xe(r);},children:[r.logo?jsx("img",{src:r.logo,alt:"c",className:"logo"}):jsx(W,{variant:"rectangular",className:"logo"}),jsx("span",{children:`+${r.idd_prefix}`})]},`country-code-${r.countryId}`))})]})})]})})}var ne=memo(Pe);var Le=ne;function E(e){let n=yc(useId(),"inputs-input"),{control:o}=useFormContext();return jsx(Controller,{name:e.name,control:o,render:({field:a,fieldState:{error:t}})=>{let i=e.feedback!==void 0&&e.feedback!==null,l=b(e.feedback),m=e.label??e.placeholder,g$1=e.label&&typeof e.placeholder=="string"?e.placeholder:void 0,b$1=t?.message??e.helperText,u=!i&&b$1?jsx(U,{children:b$1}):null,S=l?jsx(g,{...l}):null;return jsxs(Box,{sx:{display:"flex",alignItems:"stretch",height:"100%",flexDirection:"column",flex:1},children:[jsx(K,{id:n,"data-testid":"InputWrapper",children:jsx(y,{rows:1,hasError:(!!t?.message||!!e.error)&&!i,hasFeedback:!!l,feedbackType:l?.type,...a,variant:"standard",label:m,placeholder:g$1,size:"small",required:e.required,fullWidth:true,InputProps:{disabled:e.disabled,disableUnderline:true,...e.InputProps,sx:{fontSize:"11px",height:"40px",padding:"8px",borderRadius:l?"4px 4px 0 0":"4px",...e.InputProps?.sx},endAdornment:e?.InputProps?.endAdornment},InputLabelProps:{...e.InputLabelProps,sx:{color:"#8D8D94 !important",fontSize:"11px",padding:"8px",...e.InputLabelProps?.sx}},sx:e?.sx,disabled:e?.disabled,focused:e?.focused,type:e?.type,hideArrows:e?.hideArrows,onKeyDown:e?.onKeyDown})}),u,S]})}})}var H=E;var pe=styled("img")(()=>({width:"12px",height:"12px",marginRight:"4px"})),le=styled("div")(({theme:e})=>({display:"flex",alignItems:"center",color:`${e.palette.custom[500]}`,fontSize:"10px",padding:"8px 12px",background:"#FF000026",borderRadius:"0 0 4px 4px",borderTop:"none",height:"32px"}));function T({showSearchIcon:e=true,error:n,errorMessage:o,feedback:a,...t}){let i=yc(useId(),"search-input"),l=!!(n&&o&&!a);return jsxs(Box,{id:i,"data-testid":"SearchInput",children:[jsx(H,{InputProps:{endAdornment:!t.disabled&&e&&jsx(Box,{component:"img",maxWidth:"16px",maxHeight:"16px",src:B,alt:"search"}),sx:{...l&&{border:"1px solid #FF000026",borderBottom:"none",borderRadius:"4px 4px 0 0"}},...t.InputProps},sx:{...l&&{border:"1px solid #FF000026",borderBottom:"none",borderRadius:"4px 4px 0 0"}},feedback:a,error:n,...t}),l&&jsxs(le,{children:[jsx(pe,{src:Rf}),jsx(Typography,{color:"red",fontSize:"10px",children:o})]})]})}var Ae=T;function z(e){let n=yc(useId(),"inputs-select"),{control:o}=useFormContext();return jsx(Controller,{name:e.name,control:o,render:({field:a,fieldState:{error:t}})=>jsxs(Box,{id:n,"data-testid":"InputsSelect",sx:{display:"flex",alignItems:"stretch",height:"100%",flexDirection:"column",flex:1},children:[jsxs(FormControl,{variant:"filled",sx:{minWidth:52,height:"40px !important",maxHeight:"40px !important",width:"100%","& .MuiFormLabel-asterisk":{color:"red"},"& .MuiFormLabel-root":{fontSize:"10px",fontStyle:"normal",fontWeight:500,lineHeight:"100%",transform:"translate(8px, 15px) scale(1)"},".MuiFormLabel-root.MuiFormLabel-filled":{transform:"translate(8px, 8px) scale(0.75) "},".MuiFormLabel-root.Mui-focused":{transform:"translate(8px, 8px) scale(0.75)",fontSize:"10px",fontStyle:"normal",fontWeight:500,lineHeight:"100%"}},required:e.required,children:[jsx(InputLabel,{id:"demo-simple-select-filled-label",sx:{fontSize:"11px",color:"#8D8D94 !important"},children:e.label}),jsx(Select,{inputProps:{sx:{backgroundColor:"#F9F9F9 !important",borderRadius:"4px",fontSize:"11px"}},...a,value:a.value??"",error:!!t,disableUnderline:true,required:true,labelId:"demo-simple-select-filled-label",id:"demo-simple-select-filled",sx:{width:"100%",height:"40px !important",maxHeight:"40px !important",borderRadius:"4px",overflow:"hidden",".MuiSelect-select":{padding:"0px 8px !important",height:"40px !important",maxHeight:"40px !important",display:"flex",alignItems:"flex-end !important"},".MuiSelect-filled":{padding:"0px 8px !important"},...t&&{border:"1px solid #FF3D00"}},children:(e.options||[]).map(i=>jsx(MenuItem,{value:i.value??"",sx:{fontSize:"12px"},children:i.label},i.value??""))})]}),t?.message&&jsx(Box,{component:"small",sx:i=>({color:i.palette.error.main,fontSize:"10px",lineHeight:"10px",marginTop:"4px",display:"block"}),children:t.message})]})})}var Oe=z;export{Ce as a,te as b,oe as c,Le as d,H as e,Ae as f,Oe as g};

package/build/components/FieldFeedback/FieldFeedback.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import type { FieldFeedbackProps } from './type';
-export default function FieldFeedback({ type, message, icon }: Readonly<FieldFeedbackProps>): import("react").JSX.Element | null;

package/build/components/FieldFeedback/index.d.ts

@@ -1,5 +0,0 @@
-export { default } from './FieldFeedback';
-export { default as FieldFeedback } from './FieldFeedback';
-export { FieldFeedbackContainer, FieldFeedbackMessage } from './style';
-export { FieldFeedbackIcon, getFieldFeedbackColors, getFieldFeedbackIconSrc, getResolvedFieldFeedback } from './utils';
-export type { FieldFeedbackProps, FieldFeedbackType } from './type';

package/build/components/FieldFeedback/index.js

@@ -1 +0,0 @@
-export{g as FieldFeedback,e as FieldFeedbackContainer,a as FieldFeedbackIcon,f as FieldFeedbackMessage,g as default,c as getFieldFeedbackColors,d as getFieldFeedbackIconSrc,b as getResolvedFieldFeedback}from'../../_chunks/chunk-FPEXFSFO.js';import'../../_chunks/chunk-MXISJOX2.js';import'../../_chunks/chunk-N372QRVU.js';import'../../_chunks/chunk-3YAJNHQC.js';import'../../_chunks/chunk-4GZ7XOYY.js';

package/build/components/FieldFeedback/style.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import type { FieldFeedbackType } from './type';
-export declare const FieldFeedbackContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
-    type: FieldFeedbackType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const FieldFeedbackMessage: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
-    type: FieldFeedbackType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/build/components/FieldFeedback/type.d.ts

@@ -1,11 +0,0 @@
-import type { ReactNode } from 'react';
-export type FieldFeedbackType = 'error' | 'warning' | 'success' | 'info';
-export type FieldFeedbackProps = {
-    type?: FieldFeedbackType;
-    message?: ReactNode | string;
-    icon?: ReactNode;
-};
-export type ResolvedFieldFeedback = FieldFeedbackProps & {
-    type: FieldFeedbackType;
-    message: ReactNode | string;
-};

package/build/components/FieldFeedback/utils.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-import type { Theme } from '@mui/material/styles';
-import type { FieldFeedbackProps, FieldFeedbackType, ResolvedFieldFeedback } from './type';
-export declare const FieldFeedbackIcon: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<Theme>, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
-export declare const getResolvedFieldFeedback: (feedback?: FieldFeedbackProps | null) => ResolvedFieldFeedback | null;
-export declare const getFieldFeedbackColors: (theme: Theme, type?: FieldFeedbackType) => {
-    borderColor: string;
-    backgroundColor: string;
-    textColor: string;
-};
-export declare const getFieldFeedbackIconSrc: (type?: FieldFeedbackType) => string;