1(this["webpackJsonpboubyan-corporate-portal"]=this["webpackJsonpboubyan-corporate-portal"]||[]).push([[50],{1762:function(e,n,t){"use strict";t.r(n);var a=t(2),r=t(0),l=t.n(r),o=t(329),c=t(15),i=t(908),s=t(40),u=t(937),d=t(5),p=t(4);var m=t(23),f=t(910);function h(){const{t:e}=Object(c.c)(),[n,t]=Object(r.useState)(""),[h,g]=Object(r.useState)(!1),b=[{label:e("cannotSeeMyAccounts"),value:"Cannot see my accounts"},{label:e("transactionFailed"),value:"Transaction failed"},{label:e("cannotChangeMyPassword"),value:"Cannot change my password"},{label:e("cannotApproveMyPendingRequest"),value:"Cannot approve my pending request"}];Object(r.useEffect)(()=>{g(n.subject&&n.body)});const[x,v]=Object(r.useState)();return l.a.createElement(o.a,{title:e("customerFeedbackForm")},l.a.createElement(f.c,{label:"label",value:"value",tag:e("messageSubject"),clicked:e=>{t(Object(a.a)(Object(a.a)({},n),{},{subject:e.value}))},data:b,required:!0}),l.a.createElement(i.b,{className:"my-4",label:e("messageContent"),placeholder:e("comment"),value:n.body||"",changed:e=>{t(Object(a.a)(Object(a.a)({},n),{},{body:e.target.value}))},maxChar:400,required:!0}),l.a.createElement(u.a,{multiple:!0,onDrop:e=>{t(Object(a.a)(Object(a.a)({},n),{},{files:e}))},acceptFiles:{"image/png":[".png"],"image/jpeg":[".jpg",".jpeg"]},limit:3,reset:x}),l.a.createElement(s.b,{className:"mt-5",disabled:!h,title:e("send"),clicked:async()=>{v(!1);let r=e("thanksForYourFeedback"),l="",o="success",c=e("done");try{const i=await function(e){let n=new FormData;return n.append("payload",JSON.stringify({payload:Object(a.a)({},e.payload)})),e.files&&e.files.forEach(e=>{n.append("files",e)}),d.b.post(p.i.customerFeedback.SEND,n)}({payload:{subject:n.subject,body:n.body},files:n.files}),{corpRESTErrorDTO:s}=i;s.clean?(t({}),v(!0)):(r=e("fail"),o="error",l=s.errorDesc,c=e("tryAgain"))}catch(i){r=e("fail"),o="error",l=e("sorryForInconvenience"),c=e("tryAgain")}Object(m.a)({title:r,text:l,type:o,confirmButtonText:c})},primary:!0}))}t.d(n,"default",(function(){return h}))},908:function(e,n,t){"use strict";var a,r=t(9),l=t(0),o=t.n(l);t(934),t(922);const c=["svgRef","title"];function i(){return(i=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var a in t)({}).hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e}).apply(null,arguments)}const s=e=>{let{svgRef:n,title:t}=e,r=function(e,n){if(null==e)return{};var t,a,r=function(e,n){if(null==e)return{};var t={};for(var a in e)if({}.hasOwnProperty.call(e,a)){if(-1!==n.indexOf(a))continue;t[a]=e[a]}return t}(e,n);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a<l.length;a++)t=l[a],-1===n.indexOf(t)&&{}.propertyIsEnumerable.call(e,t)&&(r[t]=e[t])}return r}(e,c);return o.a.createElement("svg",i({width:16,height:16,viewBox:"0 0 16 16",ref:n},r),t?o.a.createElement("title",null,t):null,a||(a=o.a.createElement("path",{d:"M8 2C4.7 2 2 4.7 2 8s2.7 6 6 6 6-2.7 6-6-2.7-6-6-6zm2.625 7.575l-1.05 1.05L8 9.05l-1.575 1.575-1.05-1.05L6.95 8 5.375 6.425l1.05-1.05L8 6.95l1.575-1.575 1.05 1.05L9.05 8l1.575 1.575z"})))},u=o.a.forwardRef((e,n)=>o.a.createElement(s,i({svgRef:n},e)));t.p;var d,p,m,f,h,g,b,x,v,y=t(926),O=t(334),E=t(264),j=t(935),w=t.n(j),S=t(8),k=t(66),N=t(15);t.d(n,"a",(function(){return z})),t.d(n,"b",(function(){return P}));const z=e=>o.a.createElement(F,null,o.a.createElement("p",null,e.label),o.a.createElement("input",{type:"text",placeholder:e.text,onChange:e.changed}),e.noIcon?"":o.a.createElement("img",{src:w.a,alt:"Path",onClick:e.clicked,loading:"lazy"})),P=e=>{const[n,t]=Object(l.useState)(!1),[a,r]=Object(l.useState)();return Object(l.useEffect)(()=>{e.error&&(t(e.error),r(e.errorMsg))},[e.error]),o.a.createElement(o.a.Fragment,null,o.a.createElement("div",{className:e.className},e.label?o.a.createElement(o.a.Fragment,null,o.a.createElement("label",null,e.label," ",e.required&&o.a.createElement("span",{className:"requiredAstrix"},"*")),o.a.createElement("br",null)):o.a.createElement(o.a.Fragment,null),o.a.createElement(C,{width:e.width,error:n,id:e.id,onBlur:e.onFocusout,maxLength:e.maxLength,name:e.name,type:e.type,placeholder:e.text,value:e.value,onChange:function(n){e.maxChar?n.target.value.length>e.maxChar?(t(!0),r("Cannot exceed "+e.maxChar+" characters")):(e.changed({target:{value:Object(k.n)(n.target.value)}}
1),t(!1),r()):e.changed({target:{value:Object(k.n)(n.target.value)}})},onKeyPress:e.onKeyPress}),n&&o.a.createElement(T,null,a)))},C=S.default.textarea(d||(d=Object(r.a)(["\n border-radius: 4px;\n border-color: ",";\n padding: 12px 12px;\n background-color: ",";\n font-size: 15px;\n width: ",";\n &:focus {\n outline: none;\n }\n"])),e=>e.error?e.theme.color.error:e.theme.color.grey25,e=>e.theme.color.white,e=>e.width?e.width:"100%"),_=(S.default.input(p||(p=Object(r.a)(["\n width: 100%;\n height: 40px;\n background-color: ",";\n color: ",";\n border: 2px solid ",";\n font-family: TheSansArabic;\n font-size: 15px;\n border-radius: 4px;\n padding: 16px;\n &::placeholder {\n color: ",";\n }\n &:focus {\n outline: none;\n }\n"])),e=>e.theme.color.secondary,e=>e.theme.color.textPrimary,e=>e.theme.color.hr,e=>e.theme.color.lightBlueGrey),Object(S.keyframes)(m||(m=Object(r.a)(["\n\tfrom { opacity: 0;}\n\tto { opacity: 1;}\n"])))),F=S.default.div(f||(f=Object(r.a)(["\n animation: "," 300ms ease-in-out;\n font-size: 12px;\n color: #7f8284;\n input {\n min-width: 400px;\n margin-bottom: 8px;\n padding: 8px;\n font-size: 14px;\n font-family: TheSansArabic;\n color: ",";\n background: ",";\n outline: 0;\n border-width: 0 0 1px;\n border-color: #d8d8d8;\n &:focus {\n outline: none;\n }\n }\n"])),_,e=>e.theme.color.textPrimary,e=>e.theme.color.boxBackground),R=(S.default.div(h||(h=Object(r.a)(["\n position: relative;\n img:first-child {\n position: absolute;\n transform: translate(75%, 50%);\n opacity: 0.5;\n }\n input {\n padding-left: 32px;\n }\n\n img:nth-of-type(2) {\n position: absolute;\n top: 0;\n right: 0;\n transform: translate(-75%, 50%);\n cursor: pointer;\n }\n"]))),S.default.input(g||(g=Object(r.a)(["\n z-index: 0 !important;\n min-width: 300px;\n height: 32px;\n border-radius: 4px;\n border: 1px solid #f2f2f2;\n font-size: 14px;\n color: ",";\n &::placeholder {\n color: ",";\n }\n &:focus {\n outline: none;\n }\n"])),e=>e.theme.color.textPrimary,e=>e.theme.color.textSecondary),S.default.div(b||(b=Object(r.a)(["\n position: relative;\n\n width: ",";\n max-width: 311px;\n\n label {\n color: ",";\n font-size: 13px;\n z-index: 1;\n transition: all 0.2s ease-in-out;\n }\n\n .InputContainer {\n position: relative;\n background-color: ",";\n svg {\n position: absolute;\n top: 0;\n right: 10%;\n transform: translate(75%, 100%);\n }\n .icon {\n z-index: 1;\n position: absolute;\n top: -13px;\n right: 10%;\n transform: translate(75%, 100%);\n }\n &.error {\n fill: ",";\n }\n &.success {\n fill: ",";\n }\n }\n\n .Input {\n color: ",";\n display: block;\n position: relative;\n background: none;\n width: 100%;\n border: 1px solid ",";\n border-radius: 4px;\n font-weight: normal;\n font-size: 15px;\n text-align: left;\n z-index: 1;\n padding: 14px 12px 12px 12px;\n transition: all 0.4s ease-in-out;\n &:focus {\n border-color: ",";\n outline: none;\n }\n ::placeholder {\n color: ",';\n }\n &[type="password"] {\n letter-spacing: 8px;\n }\n &[disabled] {\n background-color: ',";\n }\n &.error {\n border-color: ",";\n }\n &.success {\n border-color: ",";\n }\n }\n"])),e=>e.width?e.width:"100%",e=>e.theme.color.textPrimary,e=>e.theme.color.white,e=>e.theme.color.error,e=>e.theme.color.success,e=>e.theme.color.bbynGray,e=>e.theme.color.grey25,e=>e.theme.color.grey75,e=>e.theme.color.grey25,e=>e.theme.color.grey10,e=>e.theme.color.error,e=>e.theme.color.success)),I=S.default.p(x||(x=Object(r.a)(["\n margin: 4px 0;\n font-size: 12px;\n color: ",";\n"])),e=>e.theme.color.grey75),T=S.default.p(v||(v=Object(r.a)(["\n font-size: 14px;\n color: ",";\n padding: 4px 0;\n margin: 0;\n"])),e=>e.theme.color.error);n.c=e=>{const{t:n}=Object(N.c)(),[t,a]=Object(l.useState)(!1),[r,c]=Object(l.useState)(o.a.createElement(E.a,null)),[i,s]=Object(l.useState)(""),{width:d}=Object(k.u)(),p=Object(l.useRef)(null);let m;e.error&&(m="error"),e.success&&(m="success");const f=e=>(e.preventDefault(),!1);return o.a.createElement(o.a.Fragment,null,o.a.createElement(R,{className:e.className,width:e.width},o.a.createElement("label",null,e.label,e.required&&o.a.createElement("span",{className:"requiredAstrix"},"*")),o.a.createElement("div",{className:"InputContainer "+m},o.a.createElement("input",{ref:p,name:e.name,pattern:e.pattern,maxLength:e.maxLength,minLength:e.minLength,placeholder:e.placeholder,className:"Input "+m,type:e.type?e.type:"text",value:e.value,defaultValue:e.defaultValue,onChange:function(n){"password"!==e.type?e.KWD&&!Object(k.b)(n.target.value,3)||(e.noInitialZero&&n.target.value.startsWith("0")&&(n.target.value=n.target.value.slice(1)),e.number?n.target.value=Object(k.m)(n.target.value):e.email?n.target.value=Object(k.o)(n.target.value):n.target.value=Object(k.n)(n.target.value),e.changed(n)):e.changed(n)},onFocus:function(e){d<=1024&&e.target.scrollIntoView({behavior:"smooth",block:"center"}),a(!1)},onBlur:function(t){t.target.value.length>0&&e.minLength&&(e.value.length<e.minLength?s(n("minLength",{number:e.minLength})):s("")),e.blurred&&e.blurred(t),t.target.value.length>0&&a(!0)},disabled:e.disabled,onPaste:n=>e.noCopyOrPaste?f(n):null,onCopy:n=>e.noCopyOrPaste?f(n):null,min:e.min,required:!0,onKeyDown:e.onKeyDown}),"password"===e.type&&o.a.createElement("p",{className:"icon",onMouseOut:()=>{p.current.type="password",c(o.a.createElement(E.a,null))},onClick:()=>{p.current.type="input",c(o.a.createElement(O.a,null))}},r),e.error&&o.a.createElement(u,null),e.success&&o.a.createElement(y.a,null)),e.helperText&&o.a.createElement(I,null,e.helperText),e.error&&o.a.createElement(T,null,e.error),!e.error&&i&&o.a.createElement(T,null,i)))}},910:function(e,n,t){"use strict";t.d(n,"b",(function(){return z})),t.d(n,"a",(function(){return F}));var a=t(37),r=t(9),l=t(0),o=t.n(l),c=t(8),i=t(33),s=t(333),u=t(15
1),d=(t(482),t(919));const p=["children"];var m,f,h,g,b,x,v,y,O,E;const j=e=>o.a.createElement(i.f.DropdownIndicator,Object.assign({},e,{icon:!0}),o.a.createElement(M,{className:e.selectProps.menuIsOpen?"open":""},e.icon?e.icon:o.a.createElement(d.a,null))),w=e=>{let n=e.label,t=e.value,a=e.icon,r=[];const{t:l}=Object(u.c)();return e.data.length>0&&e.data.map(e=>r.push({label:n?e[n]:e,value:t?e[t]:e})),o.a.createElement(S,{className:e.className,style:e.style},o.a.createElement(A,null,e.tag,e.required&&o.a.createElement("span",{className:"requiredAstrix"},"*")),o.a.createElement(s.a,{value:e.selectedValue,className:e.className,placeholder:e.placeholder?e.placeholder:l("select"),onChange:e.clicked,options:r,menuIsOpen:e.open,isSearchable:e.isSearchable||!1,classNamePrefix:"react-select",isDisabled:e.isDisabled||!1,components:{DropdownIndicator:e=>o.a.createElement(j,Object.assign({},e,{icon:a})),IndicatorSeparator:()=>null},onInputChange:e.onInputChange,isMulti:e.isMulti||!1}),e.helperText&&o.a.createElement(q,null,e.helperText))};w.defaultProps={data:[]};const S=c.default.div(m||(m=Object(r.a)(["\n min-width: 200px;\n\n .react-select__value,\n .react-select__single-value {\n color: ",";\n }\n\n .react-select__control {\n border-color: ",";\n min-height: 48px;\n\n background-color: ",";\n\n &:hover {\n border-color: ",";\n }\n\n > div {\n color: ",";\n }\n }\n .react-select__menu {\n z-index: 3;\n background-color: ",";\n }\n\n .react-select__option {\n &:hover {\n background-color: ",";\n }\n }\n\n .react-select--is-disabled {\n color: ",";\n cursor: not-allowed;\n\n .react-select__single-value,\n .react-select__value-container,\n .react-select__control,\n .react-select__input,\n .react-select__placeholder,\n .react-select__indicators {\n color: "," !important;\n cursor: not-allowed !important;\n background-color: "," !important;\n }\n\n svg {\n fill: "," !important;\n cursor: not-allowed !important;\n }\n }\n"])),e=>e.theme.color.bbynGray,e=>e.theme.color.grey25,e=>e.theme.color.white,e=>e.theme.color.grey25,e=>e.theme.color.bbynGray,e=>e.theme.color.white,e=>e.theme.color.grey10,e=>e.theme.color.grey10,e=>e.theme.color.grey50,e=>e.theme.color.grey25,e=>e.theme.color.grey50),k=e=>{let{children:n}=e,t=Object(a.a)(e,p);return o.a.createElement(i.f.SingleValue,t,o.a.createElement(C,{label:n,image:t.data.image}))},N=e=>o.a.createElement(i.f.Option,e,o.a.createElement(C,{label:e.label,image:e.data.image})),z=e=>{const[n,t]=Object(l.useState)([]),[a,r]=Object(l.useState)(null),[c,i]=Object(l.useState)("");function u(n){r(n),e.clicked&&e.clicked(n)}return Object(l.useEffect)(()=>{"undefined"!==typeof e.placeholder&&i(o.a.createElement("img",{src:e.placeholder.image,alt:e.placeholder.label,loading:"lazy"}))},[e.placeholder]),Object(l.useEffect)(()=>{if(e.data.length>0){const n=[];e.data.map(e=>n.push({label:e.label,value:e.value,image:e.image,decimals:e.decimals})),u(n[0]),t(n)}},[e.data]),o.a.createElement(P,null,o.a.createElement(A,null,e.tag),o.a.createElement(s.a,{value:a,placeholder:c,onChange:u,options:n,styles:L,className:e.className,classNamePrefix:"react-select",components:{DropdownIndicator:j,SingleValue:k,Option:N,IndicatorSeparator:()=>null},isSearchable:!1}),e.helperText&&o.a.createElement(q,null,e.helperText))};z.defaultProps={data:[]};const P=c.default.div(f||(f=Object(r.a)(["\n cursor: pointer;\n\n .react-select__control {\n border-color: ",";\n background-color: ",";\n }\n .react-select__menu {\n background-color: ",";\n }\n\n .react-select__option {\n background-color: ",";\n &:hover {\n background-color: ",";\n }\n }\n\n .react-select__value-container input {\n display: none;\n }\n"])),e=>e.theme.color.grey25,e=>e.theme.color.white,e=>e.theme.color.white,e=>e.theme.color.white,e=>e.theme.color.grey10),C=e=>o.a.createElement(_,null,o.a.createElement("img",{src:e.image,alt:e.label,loading:"lazy"}),e.label),_=c.default.div(h||(h=Object(r.a)(["\n display: flex;\n align-items: center;\n img {\n margin-right: 10px;\n }\n"]))),F=e=>{const{t:n}=Object(u.c)(),[t,a]=Object(l.useState)(o.a.createElement(B,null,o.a.createElement("p",null,n("selectAnAccount")),o.a.createElement("p",{className:"data"},e.subTag))),[r,c]=Object(l.useState)(!1);Object(l.useEffect)(()=>{e.selectedValue&&(i({data:e.selectedValue}),p({data:e.selectedValue}))},[e.selectedValue]);const i=t=>{const a=e.hideBalance?" ":n("accountBalance")+": "+t.data.currencyName+" "+t.data.formattedAvailableBalance;return o.a.createElement(D,{onClick:()=>p(t),onTouchStart:()=>p(t)},o.a.createElement("p",null,t.data.accountNickName+" "+t.data.accountNumber),o.a.createElement("p",{className:"boldp"},a),o.a.createElement("hr",null))},p=t=>{const r=e.hideBalance?" ":n("accountBalance")+": "+t.data.currencyName+" "+t.data.formattedAvailableBalance;e.clicked(t.data),c(!1),a(o.a.createElement(B,null,o.a.createElement("p",{className:"data"},t.data.accountNickName+" "+t.data.accountNumber),o.a.createElement("p",null,r)))},m=()=>{c(!r)};return o.a.createElement(o.a.Fragment,null,e.disabled?o.a.createElement(R,null,o.a.createElement("p",null,e.tag),o.a.createElement("div",{className:"container"},o.a.createElement("p",null,n("selectAnAccount")),o.a.createElement(d.a,null))):o.a.createElement(I,{className:e.className,onClick:m,onTouchStart:m},o.a.createElement(A,null,e.tag,e.required&&o.a.createElement("span",{className:"requiredAstrix"},"*")),o.a.createElement(s.a,{className:e.className,onBlur:()=>{c(!1)},menuIsOpen:!e.disabled&&r,placeholder:e.placeholder?e.placeholder:t,styles:T,options:e.data,isSearchable:e.isSearchable||!1,classNamePrefix:"react-select",components:{Option:i,IndicatorSeparator:()=>null},isMulti:e.isMulti||!1}),o.a.createElement("p",{className:"helperText"},e.helperText)))}
1,R=c.default.div(g||(g=Object(r.a)(['\n cursor: not-allowed;\n p {\n color: #bfbfbf;\n }\n .container {\n display: flex;\n justify-content: space-between;\n align-items: "center";\n border: 1px solid #bfbfbf;\n border-radius: 4px;\n height: 60px;\n padding: 10px;\n p:nth-child(1) {\n color: #bfbfbf;\n font-weight: 500;\n font-size: 15px;\n line-height: 20px;\n margin-top: 10px;\n }\n svg {\n margin-top: 10px;\n margin-left: 10px;\n filter: invert(86%) sepia(0%) saturate(0%) hue-rotate(139deg) brightness(100%) contrast(69%);\n }\n }\n']))),I=c.default.div(b||(b=Object(r.a)(["\n min-width: 300px;\n max-width: 300px;\n cursor: pointer;\n color: ",";\n .react-select__control {\n border-color: ",";\n min-height: 50px;\n background-color: ",";\n }\n .react-select__menu {\n background-color: ",";\n z-index: 3;\n }\n .helperText {\n font-weight: 500;\n font-size: 12px;\n line-height: 16px;\n color: #54585a;\n }\n"])),e=>e.theme.color.grey25,e=>e.theme.color.grey25,e=>e.theme.color.white,e=>e.theme.color.white),T={control:(e,n)=>{let{isFocused:t}=n;return{display:"flex",backgroundColor:"white",border:"1px solid #e9eaea",height:"60px",borderRadius:"4px",borderColor:"#d9d9d9"}},cursor:"pointer",option:(e,n)=>{let{data:t,isDisabled:a,isFocused:r,isSelected:l}=n;return{height:"40px",backgroundColor:r?"#d9d9d9":"white",padding:"5px",cursor:"pointer",value:(e,n)=>{let{data:t}=n;return{color:"#f4f4f4"}}}}},L={control:(e,n)=>{let{isFocused:t}=n;return{display:"flex",backgroundColor:"white",border:"none",height:"46px",width:"84px",borderColor:"#e9eaea",borderBottom:"1px black solid"}},cursor:"pointer",option:(e,n)=>{let{data:t,isDisabled:a,isFocused:r,isSelected:l}=n;return{backgroundColor:r?"#e9eaea":"white",padding:"5px",cursor:"pointer",value:(e,n)=>{let{data:t}=n;return{color:"#f4f4f4"}}}}},B=c.default.div(x||(x=Object(r.a)(["\n p {\n font-size: 15px;\n color: ",";\n }\n .data {\n font-size: 12px;\n color: ",";\n }\n"])),e=>e.theme.color.bbynGray,e=>e.theme.color.grey50),D=c.default.div(v||(v=Object(r.a)(["\n width: 100%;\n label {\n padding: 5px;\n font-size: 12px;\n }\n hr {\n border: 1px solid ",";\n padding: 0px;\n margin: 0px;\n }\n p {\n padding: 5px;\n font-size: 15px;\n color: ",";\n }\n &:hover {\n background-color: ",";\n }\n cursor: pointer;\n\n .boldp {\n padding: 5px;\n font-size: 12px;\n color: ",";\n }\n"])),e=>e.theme.color.grey25,e=>e.theme.color.bbynGray,e=>e.theme.color.hr,e=>e.theme.color.grey50),A=c.default.div(y||(y=Object(r.a)(["\n font-size: 13px;\n color: ",";\n"])),e=>e.theme.color.textPrimary),M=c.default.div(O||(O=Object(r.a)(["\n display: flex;\n align-items: center;\n transition: all 0.3s ease-in-out;\n &.open {\n transform: rotateX(180deg);\n }\n svg {\n fill: ",";\n }\n"])),e=>e.theme.color.textPrimary),q=c.default.p(E||(E=Object(r.a)(["\n\tmargin:4px 0;\n\tfont-size:13px;\n\tcolor:",";s\n"])),e=>e.theme.color.grey75);n.c=w},919:function(e,n,t){"use strict";t.d(n,"a",(function(){return s}));var a,r=t(0),l=t.n(r);const o=["svgRef","title"];function c(){return(c=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var a in t)({}).hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e}).apply(null,arguments)}const i=e=>{let{svgRef:n,title:t}=e,r=function(e,n){if(null==e)return{};var t,a,r=function(e,n){if(null==e)return{};var t={};for(var a in e)if({}.hasOwnProperty.call(e,a)){if(-1!==n.indexOf(a))continue;t[a]=e[a]}return t}(e,n);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a<l.length;a++)t=l[a],-1===n.indexOf(t)&&{}.propertyIsEnumerable.call(e,t)&&(r[t]=e[t])}return r}(e,o);return l.a.createElement("svg",c({width:24,height:24,viewBox:"0 0 24 24",ref:n},r),t?l.a.createElement("title",null,t):null,a||(a=l.a.createElement("g",{fill:"none",fillRule:"nonzero"},l.a.createElement("path",{d:"M12 24c6.617 0 12-5.383 12-12S18.617 0 12 0 0 5.383 0 12s5.383 12 12 12z"}),l.a.createElement("path",{fill:"#7f7f7f",d:"M12 13.04l3.712-3.809a.73.73 0 0 1 1.066 0 .799.799 0 0 1 .222.558.799.799 0 0 1-.222.559l-4.245 4.421a.73.73 0 0 1-1.066 0l-4.245-4.421a.805.805 0 0 1 0-1.11.73.73 0 0 1 1.066 0L12 13.04z"}))))}
1,s=l.a.forwardRef((e,n)=>l.a.createElement(i,c({svgRef:n},e)));t.p},922:function(e,n,t){e.exports=t.p+"static/media/remove.7b725ba0.svg"},926:function(e,n,t){"use strict";t.d(n,"a",(function(){return s}));var a,r=t(0),l=t.n(r);const o=["svgRef","title"];function c(){return(c=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var a in t)({}).hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e}).apply(null,arguments)}const i=e=>{let{svgRef:n,title:t}=e,r=function(e,n){if(null==e)return{};var t,a,r=function(e,n){if(null==e)return{};var t={};for(var a in e)if({}.hasOwnProperty.call(e,a)){if(-1!==n.indexOf(a))continue;t[a]=e[a]}return t}(e,n);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a<l.length;a++)t=l[a],-1===n.indexOf(t)&&{}.propertyIsEnumerable.call(e,t)&&(r[t]=e[t])}return r}(e,o);return l.a.createElement("svg",c({width:16,height:16,viewBox:"0 0 16 16",ref:n},r),t?l.a.createElement("title",null,t):null,a||(a=l.a.createElement("path",{fillRule:"nonzero",d:"M11.494 4.758a.882.882 0 0 1 1.248 1.248L7.447 11.3a.882.882 0 0 1-1.247 0L3.258 8.36A.882.882 0 0 1 4.506 7.11L6.824 9.43l4.67-4.67z"})))},s=l.a.forwardRef((e,n)=>l.a.createElement(i,c({svgRef:n},e)));t.p},934:function(e,n,t){e.exports=t.p+"static/media/search.1e3e4a55.svg"},935:function(e,n,t){e.exports=t.p+"static/media/Path.05348821.svg"},937:function(e,n,t){"use strict";var a,r=t(9),l=t(0),o=t.n(l),c=t(972),i=t(8),s=t(15);const u=["svgRef","title"];function d(){return(d=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var a in t)({}).hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e}).apply(null,arguments)}const p=e=>{let{svgRef:n,title:t}=e,r=function(e,n){if(null==e)return{};var t,a,r=function(e,n){if(null==e)return{};var t={};for(var a in e)if({}.hasOwnProperty.call(e,a)){if(-1!==n.indexOf(a))continue;t[a]=e[a]}return t}(e,n);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a<l.length;a++)t=l[a],-1===n.indexOf(t)&&{}.propertyIsEnumerable.call(e,t)&&(r[t]=e[t])}return r}(e,u);return o.a.createElement("svg",d({width:24,height:24,viewBox:"0 0 24 24",ref:n},r),t?o.a.createElement("title",null,t):null,a||(a=o.a.createElement("path",{fill:"#d9d9d9",fillRule:"nonzero",d:"M12 0c6.617 0 12 5.383 12 12s-5.383 12-12 12S0 18.617 0 12 5.383 0 12 0zM8.824 8.824a.597.597 0 0 0 0 .846l2.33 2.33-2.33 2.33a.597.597 0 0 0 0 .846c.117.118.269.176.426.176a.596.596 0 0 0 .425-.176l2.33-2.33 2.33 2.33c.117.118.269.176.425.176a.596.596 0 0 0 .426-.176.597.597 0 0 0 0-.846L12.846 12l2.33-2.33a.597.597 0 0 0 0-.846.597.597 0 0 0-.846 0L12 11.154l-2.33-2.33a.597.597 0 0 0-.846 0z"})))},m=o.a.forwardRef((e,n)=>o.a.createElement(p,d({svgRef:n},e)));t.p;var f,h,g,b=t(18),x=t.n(b);const v=i.default.div(f||(f=Object(r.a)(["\n cursor: pointer;\n flex: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: 16px;\n border-width: 1px;\n border-radius: 2px;\n border-color: ",";\n border-style: dashed;\n color: #bdbdbd;\n outline: none;\n p {\n font-size: 15px;\n }\n transition: border 0.24s ease-in-out;\n background-color: ",";\n .hint {\n color: #656565;\n }\n"])),e=>e.theme.color.grey25,e=>e.theme.color.white),y=i.default.div(h||(h=Object(r.a)(["\n display: flex;\n margin-top: 7px;\n p {\n font-size: 15px;\n }\n color: ",";\n width: 311px;\n height: 48px;\n justify-content: space-between;\n border: 1px solid ",";\n padding: 15px;\n border-radius: 4px;\n svg {\n cursor: pointer;\n }\n"])),e=>e.theme.color.textPrimary,e=>e.theme.color.grey25);const O=i.default.div(g||(g=Object(r.a)(["\n display: flex;\n justify-content: center;\n color: ",";\n font-size: 13px;\n font-weight: bold;\n"])),e=>e.theme.color.error);n.a=function(e){const{t:n}=Object(s.c)(),[t,a]=Object(l.useState)([]),[r,i]=Object(l.useState)(!1),[u,d]=Object(l.useState)(),[p,f]=Object(l.useState)(),[h,g]=Object(l.useState)(!1);var b=e.maxFileNameLength?e.maxFileNameLength:50;const E=e.limit||5;Object(l.useEffect)(()=>{e.reset&&a([])},[e.reset]),Object(l.useEffect)(()=>{e.reset&&a([])},[e.reset]),Object(l.useEffect)(()=>{r&&x.a.fire({title:n("deleteDocument"),text:n("deleteDocumentMessage"),icon:"warning",confirmButtonText:n("confirm"),cancelButtonText:n("cancel"),showCancelButton:!0}).then(e=>{e.value?j():i(!1)})},[r]);const j=()=>{let n=t;n=n.filter((function(e){return JSON.stringify(e)!==JSON.stringify(u)})),a(n),d(),e.onDrop(n),i(!1)},{getRootProps:w,getInputProps:S}=Object(c.a)({accept:e.acceptFiles||{"image/png":[".png"],"image/jpeg":[".jpg",".jpeg"],"text/plain":[".txt"],"application/pdf":[".pdf"],"application/vnd.ms-excel":[".xls"],"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet":[".xlsx"],"application/msword":[".doc"],"application/vnd.openxmlformats-officedocument.wordprocessingml.document":[".docx"]},multiple:!!e.multiple,disabled:h,onDrop:r=>
1{if(0===r.length)return void f("failedToUpload");if(r.length+t.length>E)return void f(n("filesCountWarningMessage",{count:E}));const l=t.map(e=>e.name);if(r.filter(e=>l.includes(e.name)).length>0)return void f(n("duplicateFileError"));let o=r;if("undefined"!=typeof e.rename&&(o=r.map(n=>new File([n],"".concat(e.rename,"_").concat(n.name),{type:n.type}))),o[0].name.length>b)return void x.a.fire({title:n("invalid"),text:"filename exceeds "+b+" characters",icon:"warning",confirmButtonText:n("okay")}).then(e=>{});o.map(e=>{var t;if(t=e.name,!/[~`!#$%\^&*+=\\[\]\\';,/{}|\\":<>\?]/g.test(t))return function(e){return!/[\p{Arabic}\?]/.test(e)}(e.name)?(x.a.fire({title:n("Invalid"),text:"Filename can only include English language",icon:"warning",confirmButtonText:n("okay")}).then(e=>{}),null):void 0;x.a.fire({title:n("Invalid"),text:"Filename cannot include special characters except: dash, underscore and dot",icon:"warning",confirmButtonText:n("okay")}).then(e=>{})}),f(null),o.map(e=>Object.assign(e,{preview:URL.createObjectURL(e)}));let c=o;e.multiple&&(c=[...t,...o]),a(c),e.onDrop(c)}});return Object(l.useEffect)(()=>{t.forEach(e=>URL.revokeObjectURL(e.preview)),t.length>4?g(!0):g(!1)},[t]),o.a.createElement("div",{className:e.className},o.a.createElement("span",{className:e.className,onClick:()=>{t.length===E&&"undefined"===typeof u&&r&&x.a.fire({title:n("invalid"),text:"maximum number of files is "+E,icon:"warning",confirmButtonText:n("okay")}).then(e=>{})}},o.a.createElement("label",null,e.label,e.required&&o.a.createElement("span",{className:"requiredAstrix"},"*")),o.a.createElement("div",w({className:"dropzone"}),o.a.createElement(v,{style:e.style},o.a.createElement("section",{className:"container"},o.a.createElement("input",S()),o.a.createElement("p",null,e.dragnDropText?e.dragnDropText:n("dropZone")),o.a.createElement("br",null),e.maxFileSize&&o.a.createElement("p",{className:"hint"},n("maxImageFileSize")+" "+e.maxFileSize+" MB"),p&&o.a.createElement(O,null,p,e.acceptFiles))))),o.a.createElement(o.a.Fragment,null,t.length>0&&o.a.createElement("div",null,t.map((e,n)=>o.a.createElement(y,{key:e.name+n},o.a.createElement("p",null,e.name),o.a.createElement(m,{onClick:()=>(e=>{t.length<=E&&g(!1),d(e),i(!0)})(e),style:{height:"16px",width:"16px"}}))))))}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.