@zeniai/web-cockpit-ui 1.14.82-qa → 1.14.83-dev

package/dist/assets/CompleteProfile-2jFR92oO-DA0X1epS.js

@@ -0,0 +1,52 @@
+import{a8 as P,i9 as j,a as S,j as A,ia as H,a9 as s,ah as O,aa as N,dv as v,dE as $,dB as q,b as E,ib as J,dz as V,bC as W,ic as _,H as T,cS as Z}from"./index-2CdI-B2B.js";import{a as g,o as c}from"./core-tlHkQPPu.js";import{n as o}from"./mui-kiGMfX4-.js";import{bj as z}from"./zeni-epic-state-Bo1aGezX.js";import{g as X}from"./LabeledAddressValue-mLMacnQu-BhboedQp.js";import"./sentry-Dhk5jNhq.js";import"./liveblocks-BrzOBACZ.js";import"./utils-BLUF9kAp.js";import"./analytics-CeQu-r45.js";const AA=B=>g.createElement("svg",{width:72,height:72,viewBox:"0 0 72 72",fill:"none",xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",...B},g.createElement("path",{opacity:.2,d:"M26.3252 5H51.6377C51.6377 5 57.2627 5 57.2627 10.625V64.0625C57.2627 64.0625 57.2627 69.6875 51.6377 69.6875H26.3252C26.3252 69.6875 20.7002 69.6875 20.7002 64.0625V10.625C20.7002 10.625 20.7002 5 26.3252 5Z",fill:"#97C3B9"}),g.createElement("path",{d:"M23.3252 2H48.6377C48.6377 2 54.2627 2 54.2627 7.625V61.0625C54.2627 61.0625 54.2627 66.6875 48.6377 66.6875H23.3252C23.3252 66.6875 17.7002 66.6875 17.7002 61.0625V7.625C17.7002 7.625 17.7002 2 23.3252 2Z",stroke:"#97C3B9",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),g.createElement("path",{d:"M43.0127 2V4.8125C43.0127 5.55842 42.7164 6.27379 42.1889 6.80124C41.6615 7.32868 40.9461 7.625 40.2002 7.625H31.7627C31.0168 7.625 30.3014 7.32868 29.774 6.80124C29.2465 6.27379 28.9502 5.55842 28.9502 4.8125V2",stroke:"#97C3B9",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),g.createElement("g",{style:{mixBlendMode:"darken"}},g.createElement("rect",{width:26,height:26,transform:"translate(22 12)",fill:"url(#pattern0_2225_11447)"}),g.createElement("circle",{cx:42,cy:32,r:12,fill:"url(#pattern1_2225_11447)"})),g.createElement("path",{d:"M39.625 57.875H67.125C67.4565 57.875 67.7745 57.7433 68.0089 57.5089C68.2433 57.2745 68.375 56.9565 68.375 56.625V47.875C68.375 47.5435 68.2433 47.2255 68.0089 46.9911C67.7745 46.7567 67.4565 46.625 67.125 46.625H40.875C40.5435 46.625 40.2255 46.7567 39.9911 46.9911C39.7567 47.2255 39.625 47.5435 39.625 47.875V57.875Z",fill:"#EAF3F1",stroke:"#97C3B9",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),g.createElement("path",{d:"M62.1543 49.8V54.8",stroke:"#97C3B9",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),g.createElement("path",{d:"M60.0629 50.9288L64.2441 53.6713",stroke:"#97C3B9",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),g.createElement("path",{d:"M60.0744 53.6874L64.2344 50.9124",stroke:"#97C3B9",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),g.createElement("path",{d:"M53.9727 49.8V54.8",stroke:"#97C3B9",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),g.createElement("path",{d:"M51.8812 50.9288L56.0625 53.6713",stroke:"#97C3B9",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),g.createElement("path",{d:"M51.8927 53.6874L56.0527 50.9124",stroke:"#97C3B9",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),g.createElement("path",{d:"M45.792 49.8V54.8",stroke:"#97C3B9",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),g.createElement("path",{d:"M43.7006 50.9288L47.8818 53.6713",stroke:"#97C3B9",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),g.createElement("path",{d:"M43.7121 53.6874L47.8721 50.9124",stroke:"#97C3B9",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),g.createElement("defs",null,g.createElement("pattern",{id:"pattern0_2225_11447",patternContentUnits:"objectBoundingBox",width:1,height:1},g.createElement("use",{xlinkHref:"#image0_2225_11447",transform:"scale(0.002)"})),g.createElement("pattern",{id:"pattern1_2225_11447",patternContentUnits:"objectBoundingBox",width:1,height:1},g.createElement("use",{xlinkHref:"#image0_2225_11447",transform:"translate(-0.332832 -0.331172) scale(0.00333133)"})),g.createElement("image",{id:"image0_2225_11447",width:500,height:500,preserveAspectRatio:"none",xlinkHref:"data:image/png;base64,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"}))),e=S.getLocalizedStrings(),p="completeProfilePage",Q="basicDetailsSection",m="addressSection",l=(B,a)=>`${B}.${a}`,hA=({userEmail:B,googleAPIKey:a,twoFactorAuthenticationView:i,saveStatus:G,hasUserEnteredBasicDetails:w,onSave:D,onGetOtp:M,onVerifyOtp:k,onResendOtp:x})=>{const[I,n]=g.useState(!1),[f,y]=g.useState(!1),t=P({mode:"onChange",reValidateMode:"onChange",defaultValues:{basicDetailsSection:{name:{firstName:"",lastName:""},email:B,dateOfBirth:void 0,phone:"",address:void 0}}}),Y=j({control:t.control,name:`${Q}.address`}),{dateFormat:F}=S.getLocalizedStrings(),h=()=>{const C=t.getValues(`${Q}.phone`);C!=null&&C.trim().length>0&&M(C)},L=t.handleSubmit(C=>{C[Q].phone!=null&&i.otpVerificationStatus.fetchState!=="Completed"||i.otpVerificationStatus.fetchState==="Completed"&&C[Q].phone!=i.phone?h():D&&D(C)}),{sendOtpStatus:R,otpVerificationStatus:r,otpChallenge:U,phone:K}=i,b=A.jsxs(CA,{children:[A.jsx(AA,{}),A.jsxs(QA,{children:[A.jsxs(oA,{children:[A.jsx(H,{children:r.fetchState==="Completed"?e.completeProfile.twoFAEnabled:e.completeProfile.enableTwoFA}),A.jsx(s,{controller:r.fetchState==="Completed",children:A.jsx(IA,{})})]}),A.jsx(O,{children:e.completeProfile.enableTwoFADescription})]})]});return A.jsxs(gA,{children:[A.jsxs(BA,{children:[A.jsxs(eA,{children:[I&&A.jsx(EA,{onClick:()=>{n(!1)}}),e.completeProfile.title]}),A.jsx(N,{...t,children:A.jsxs("form",{id:`${p}_form`,onSubmit:L,children:[A.jsx(s,{controller:w===!1,children:A.jsxs(u,{children:[A.jsx(s,{controller:I===!1,children:A.jsxs(c.Fragment,{children:[A.jsx(v,{isDisabled:"disabled",showAdditionalInfoLabel:!1,label:{label:e.common.labels.email,width:168},style:{width:"100%"},text:{type:"text",name:l(Q,"email")}}),A.jsx($,{isDisabled:void 0,label:{label:e.common.labels.name,width:168},style:{width:"100%"},nameField:{name:l(Q,"name"),placeHolder:{firstName:e.common.placeholder.firstNamePlaceholder,lastName:e.common.placeholder.lastNamePlaceholder,name:e.common.placeholder.namePlaceholder},showFullNameError:!0,registerOptions:{required:!0}},errorInfoLabel:""}),A.jsx(q,{isOptional:!0,label:{label:e.common.labels.dob,width:168},style:{width:"100%"},isDisabled:void 0,dateField:{name:l(Q,"dateOfBirth"),placeholder:e.common.placeholder.dobPlaceholder,dateFormat:F.visual.defaultInput,autoComplete:"off",maxDate:z().subtract(18,"year")}}),A.jsx(X,{isOptional:!0,label:{label:e.common.labels.address,width:168},addressValue:{placeholder:e.common.placeholder.addressPlaceholder,address:Y,onClick:()=>{n(!0)}},style:{width:"100%",padding:`${E.sp2} ${E.sp2} ${E.sp2} ${E.sp0}`}})]})}),A.jsx(s,{controller:I===!0,children:A.jsx(c.Fragment,{children:A.jsx(J,{sectionId:m,googleAPIKey:a,isSubPage:!0})})})]})}),A.jsx(u,{children:A.jsx(V,{infoBox:b,label:{label:e.common.labels.phone,width:168},style:{width:"100%",marginTop:E.sp3,padding:E.sp0},text:{name:l(Q,"phone"),placeholder:e.common.placeholder.phonePlaceholder,defaultValue:t.getValues(`${Q}.phone`),autoComplete:"new-password",options:{required:!0}},errorInfoLabel:"",verificationErrorInfoLabel:e.common.errorMessage.invalidPhoneNumber,isPopupOpen:f,productType:"complete_profile",phoneVerifyButtonProps:{otpChallenge:U,showOtpButton:!0,onGetOtp:h,onVerifyOtp:(C,d)=>{k(C,d)},onResendOtp:C=>{C!=null&&C.trim().length>0&&x(C)},isPhoneVerified:r.fetchState==="Completed",phoneVerificationStatus:r,getOtpStatus:R,verifiedPhoneNumber:r.fetchState==="Completed"?K:void 0,openPopup:()=>{y(!0)},focusNotRequired:!0},bottomText:r.fetchState==="Completed"?"":e.completeProfile.phoneSetupText})})]})})]}),A.jsx(W,{formId:I?void 0:`${p}_form`,primaryBtn:{label:I?e.companyPassport.address.saveAddress:e.common.footer.save,type:I?"button":"submit",onClick:I?()=>{const C=t.getValues(`${m}`);if(C!=null){const d=_(C);t.setValue(`${Q}.address`,d)}n(!1)}:void 0,isLoading:G.fetchState==="In-Progress"||i.sendOtpStatus.fetchState==="In-Progress"},showCancel:!1})]})},gA=o.div`
+  display: flex;
+  flex-direction: column;
+  min-height: 100vh;
+`,BA=o.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  padding: ${E.sp5};
+  row-gap: ${E.sp3};
+  flex: 1;
+`,eA=o(T)`
+  color: ${B=>B.theme.colors.primary};
+  text-align: left;
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  gap: ${E.sp2};
+`,EA=o(Z)`
+  cursor: pointer;
+  width: ${E.sp4};
+  height: ${E.sp4};
+  color: ${B=>B.theme.colors.hero};
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  &:hover {
+    color: ${B=>B.theme.colors.primary};
+  }
+`,u=o.div`
+  background-color: ${B=>B.theme.colors.grey5};
+  border-radius: ${E.sp2};
+  width: 100%;
+  box-shadow: ${B=>B.theme.colors.elevation1};
+  border-color: ${B=>B.theme.colors.grey3};
+`,CA=o.div`
+  padding: ${E.sp3} ${E.sp6};
+  background-color: ${B=>B.theme.colors.background};
+  display: flex;
+  column-gap: ${E.sp3};
+  width: 100%;
+  align-items: center;
+`,QA=o.div``,oA=o.div`
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  column-gap: ${E.sp2};
+`,IA=o(B=>g.createElement("svg",{viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",...B},g.createElement("path",{d:"M1.33333 6.16693H2.52343C2.68125 6.16693 2.8326 6.22962 2.94419 6.34122C3.05579 6.45281 3.11848 6.60416 3.11848 6.76198V13.9026C3.11848 14.0604 3.05579 14.2118 2.94419 14.3233C2.8326 14.4349 2.68125 14.4976 2.52343 14.4976H1.33333",stroke:"currentColor",strokeWidth:1.25,strokeLinecap:"round",strokeLinejoin:"round"}),g.createElement("path",{d:"M3.11848 12.7125C7.48556 14.9296 7.27253 14.6374 11.0118 14.6374C12.578 14.6374 13.367 13.6169 13.8276 12.1216V12.1121L14.9624 8.30373V8.29659C15.016 8.11929 15.0275 7.93192 14.9959 7.74939C14.9644 7.56686 14.8907 7.39421 14.7807 7.24519C14.6707 7.09617 14.5274 6.97488 14.3622 6.89099C14.1971 6.8071 14.0146 6.76292 13.8294 6.76196H10.9136C10.7315 6.76197 10.5518 6.72017 10.3883 6.63977C10.2249 6.55937 10.082 6.44253 9.97086 6.29824C9.85968 6.15395 9.7831 5.98606 9.74704 5.80751C9.71097 5.62896 9.71637 5.44452 9.76281 5.26838L10.2876 3.27854C10.3485 3.04716 10.326 2.80175 10.2241 2.58528C10.1223 2.36881 9.94748 2.19507 9.73041 2.09448C9.51334 1.99388 9.2678 1.97285 9.03679 2.03506C8.80577 2.09727 8.604 2.23876 8.4668 2.43475L5.55819 6.55548C5.44832 6.7112 5.30266 6.83826 5.13345 6.92597C4.96425 7.01368 4.77646 7.05947 4.58588 7.05948H3.11848",stroke:"currentColor",strokeWidth:1.25,strokeLinecap:"round",strokeLinejoin:"round"})))`
+  width: ${E.sp3};
+  height: ${E.sp3};
+  color: ${B=>B.theme.colors.success};
+`;export{hA as default};

package/dist/assets/ComposedChart-Cot0K7Et-DQrzoGG2.js

@@ -0,0 +1 @@
+import{e5 as ie,cr as oe,cs as ae,bS as se,bR as ce,e6 as ue,e7 as $,e8 as k,er as le,ec as pe,ed as B,b3 as ye,es as H,ek as I,et as fe,ei as me,eb as de,aq as be,ee as S,cD as he,eu as J,ev as ve,ew as xe,eh as ge,ej as Oe,cC as Ae,el as W}from"./index-2CdI-B2B.js";import{_ as Pe}from"./Area-Sl30rGq6-WMXLxt2t.js";import{a as C,o as x}from"./core-tlHkQPPu.js";function T(t){return(T=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(e){return typeof e}:function(e){return e&&typeof Symbol=="function"&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(t)}function we(t,e,n){return e&&function(i,r){for(var o=0;o<r.length;o++){var a=r[o];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(i,ee(a.key),a)}}(t.prototype,e),Object.defineProperty(t,"prototype",{writable:!1}),t}function je(t,e,n){return e=M(e),function(i,r){if(r&&(T(r)==="object"||typeof r=="function"))return r;if(r!==void 0)throw new TypeError("Derived constructors may only return object or undefined");return function(o){if(o===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return o}(i)}(t,Q()?Reflect.construct(e,n||[],M(t).constructor):e.apply(t,n))}function Q(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch{}return(Q=function(){return!!t})()}function M(t){return(M=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)})(t)}function U(t,e){return(U=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(n,i){return n.__proto__=i,n})(t,e)}function X(t,e,n){return(e=ee(e))in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function ee(t){var e=function(n,i){if(T(n)!="object"||!n)return n;var r=n[Symbol.toPrimitive];if(r!==void 0){var o=r.call(n,i);if(T(o)!="object")return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(n)}(t,"string");return T(e)=="symbol"?e:e+""}var F=function(){function t(){return function(e,n){if(!(e instanceof n))throw new TypeError("Cannot call a class as a function")}(this,t),je(this,t,arguments)}return function(e,n){if(typeof n!="function"&&n!==null)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(n&&n.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),n&&U(e,n)}(t,C.Component),we(t,[{key:"render",value:function(){return null}}])}();X(F,"displayName","ZAxis"),X(F,"defaultProps",{zAxisId:0,range:[64,64],scale:"auto",type:"number"});var Se=["option","isActive"];function K(){return K=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(t[i]=n[i])}return t},K.apply(this,arguments)}function Ee(t,e){if(t==null)return{};var n,i,r=function(a,u){if(a==null)return{};var y={};for(var s in a)if(Object.prototype.hasOwnProperty.call(a,s)){if(u.indexOf(s)>=0)continue;y[s]=a[s]}return y}(t,e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);for(i=0;i<o.length;i++)n=o[i],e.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(t,n)&&(r[n]=t[n])}return r}function ke(t){var e=t.option,n=t.isActive,i=Ee(t,Se);return typeof e=="string"?C.createElement(J,K({option:C.createElement(ve,K({type:e},i)),isActive:n,shapeType:"symbols"},i)):C.createElement(J,K({option:e,isActive:n,shapeType:"symbols"},i))}function _(t){return(_=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(e){return typeof e}:function(e){return e&&typeof Symbol=="function"&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(t)}function z(){return z=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(t[i]=n[i])}return t},z.apply(this,arguments)}function Y(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);e&&(i=i.filter(function(r){return Object.getOwnPropertyDescriptor(t,r).enumerable})),n.push.apply(n,i)}return n}function g(t){for(var e=1;e<arguments.length;e++){var n=arguments[e]!=null?arguments[e]:{};e%2?Y(Object(n),!0).forEach(function(i){A(t,i,n[i])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Y(Object(n)).forEach(function(i){Object.defineProperty(t,i,Object.getOwnPropertyDescriptor(n,i))})}return t}function Z(t,e){for(var n=0;n<e.length;n++){var i=e[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,re(i.key),i)}}function Ce(t,e,n){return e=q(e),function(i,r){if(r&&(_(r)==="object"||typeof r=="function"))return r;if(r!==void 0)throw new TypeError("Derived constructors may only return object or undefined");return function(o){if(o===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return o}(i)}(t,te()?Reflect.construct(e,n||[],q(t).constructor):e.apply(t,n))}function te(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch{}return(te=function(){return!!t})()}function q(t){return(q=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)})(t)}function ne(t,e){return(ne=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(n,i){return n.__proto__=i,n})(t,e)}function A(t,e,n){return(e=re(e))in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function re(t){var e=function(n,i){if(_(n)!="object"||!n)return n;var r=n[Symbol.toPrimitive];if(r!==void 0){var o=r.call(n,i);if(_(o)!="object")return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(n)}(t,"string");return _(e)=="symbol"?e:e+""}var N=function(){function t(){var r;(function(y,s){if(!(y instanceof s))throw new TypeError("Cannot call a class as a function")})(this,t);for(var o=arguments.length,a=new Array(o),u=0;u<o;u++)a[u]=arguments[u];return A(r=Ce(this,t,[].concat(a)),"state",{isAnimationFinished:!1}),A(r,"handleAnimationEnd",function(){r.setState({isAnimationFinished:!0})}),A(r,"handleAnimationStart",function(){r.setState({isAnimationFinished:!1})}),A(r,"id",ge("recharts-scatter-")),r}return function(r,o){if(typeof o!="function"&&o!==null)throw new TypeError("Super expression must either be null or a function");r.prototype=Object.create(o&&o.prototype,{constructor:{value:r,writable:!0,configurable:!0}}),Object.defineProperty(r,"prototype",{writable:!1}),o&&ne(r,o)}(t,C.PureComponent),e=t,i=[{key:"getDerivedStateFromProps",value:function(r,o){return r.animationId!==o.prevAnimationId?{prevAnimationId:r.animationId,curPoints:r.points,prevPoints:o.curPoints}:r.points!==o.curPoints?{curPoints:r.points}:null}}],(n=[{key:"renderSymbolsStatically",value:function(r){var o=this,a=this.props,u=a.shape,y=a.activeShape,s=a.activeIndex,h=$(this.props,!1);return r.map(function(c,f){var l=s===f,m=l?y:u,d=g(g({},h),c);return x.createElement(k,z({className:"recharts-scatter-symbol",key:"symbol-".concat(c?.cx,"-").concat(c?.cy,"-").concat(c?.size,"-").concat(f)},le(o.props,c,f),{role:"img"}),x.createElement(ke,z({option:m,isActive:l,key:"symbol-".concat(f)},d)))})}},{key:"renderSymbolsWithAnimation",value:function(){var r=this,o=this.props,a=o.points,u=o.isAnimationActive,y=o.animationBegin,s=o.animationDuration,h=o.animationEasing,c=o.animationId,f=this.state.prevPoints;return x.createElement(pe,{begin:y,duration:s,isActive:u,easing:h,from:{t:0},to:{t:1},key:"pie-".concat(c),onAnimationEnd:this.handleAnimationEnd,onAnimationStart:this.handleAnimationStart},function(l){var m=l.t,d=a.map(function(v,P){var O=f&&f[P];if(O){var p=B(O.cx,v.cx),b=B(O.cy,v.cy),j=B(O.size,v.size);return g(g({},v),{},{cx:p(m),cy:b(m),size:j(m)})}var w=B(0,v.size);return g(g({},v),{},{size:w(m)})});return x.createElement(k,null,r.renderSymbolsStatically(d))})}},{key:"renderSymbols",value:function(){var r=this.props,o=r.points,a=r.isAnimationActive,u=this.state.prevPoints;return!(a&&o&&o.length)||u&&ye(u,o)?this.renderSymbolsStatically(o):this.renderSymbolsWithAnimation()}},{key:"renderErrorBar",value:function(){if(this.props.isAnimationActive&&!this.state.isAnimationFinished)return null;var r=this.props,o=r.points,a=r.xAxis,u=r.yAxis,y=r.children,s=H(y,xe);return s?s.map(function(h,c){var f=h.props,l=f.direction,m=f.dataKey;return x.cloneElement(h,{key:"".concat(l,"-").concat(m,"-").concat(o[c]),data:o,xAxis:a,yAxis:u,layout:l==="x"?"vertical":"horizontal",dataPointFormatter:function(d,v){return{x:d.cx,y:d.cy,value:l==="x"?+d.node.x:+d.node.y,errorVal:I(d,v)}}})}):null}},{key:"renderLine",value:function(){var r,o,a=this.props,u=a.points,y=a.line,s=a.lineType,h=a.lineJointType,c=$(this.props,!1),f=$(y,!1);if(s==="joint")r=u.map(function(b){return{x:b.cx,y:b.cy}});else if(s==="fitting"){var l=fe(u),m=l.xmin,d=l.xmax,v=l.a,P=l.b,O=function(b){return v*b+P};r=[{x:m,y:O(m)},{x:d,y:O(d)}]}var p=g(g(g({},c),{},{fill:"none",stroke:c&&c.fill},f),{},{points:r});return o=x.isValidElement(y)?x.cloneElement(y,p):me(y)?y(p):x.createElement(de,z({},p,{type:h})),x.createElement(k,{className:"recharts-scatter-line",key:"recharts-scatter-line"},o)}},{key:"render",value:function(){var r=this.props,o=r.hide,a=r.points,u=r.line,y=r.className,s=r.xAxis,h=r.yAxis,c=r.left,f=r.top,l=r.width,m=r.height,d=r.id,v=r.isAnimationActive;if(o||!a||!a.length)return null;var P=this.state.isAnimationFinished,O=be("recharts-scatter",y),p=s&&s.allowDataOverflow,b=h&&h.allowDataOverflow,j=p||b,w=S(d)?this.id:d;return x.createElement(k,{className:O,clipPath:j?"url(#clipPath-".concat(w,")"):null},p||b?x.createElement("defs",null,x.createElement("clipPath",{id:"clipPath-".concat(w)},x.createElement("rect",{x:p?c:c-l/2,y:b?f:f-m/2,width:p?l:2*l,height:b?m:2*m}))):null,u&&this.renderLine(),this.renderErrorBar(),x.createElement(k,{key:"recharts-scatter-symbols"},this.renderSymbols()),(!v||P)&&he.renderCallByParent(this.props,a))}}])&&Z(e.prototype,n),i&&Z(e,i),Object.defineProperty(e,"prototype",{writable:!1}),e;var e,n,i}();A(N,"displayName","Scatter"),A(N,"defaultProps",{xAxisId:0,yAxisId:0,zAxisId:0,legendType:"circle",lineType:"joint",lineJointType:"linear",data:[],shape:"circle",hide:!1,isAnimationActive:!Oe.isSsr,animationBegin:0,animationDuration:400,animationEasing:"linear"}),A(N,"getComposedData",function(t){var e=t.xAxis,n=t.yAxis,i=t.zAxis,r=t.item,o=t.displayedData,a=t.xAxisTicks,u=t.yAxisTicks,y=t.offset,s=r.props.tooltipType,h=H(r.props.children,Ae),c=S(e.dataKey)?r.props.dataKey:e.dataKey,f=S(n.dataKey)?r.props.dataKey:n.dataKey,l=i&&i.dataKey,m=i?i.range:F.defaultProps.range,d=m&&m[0],v=e.scale.bandwidth?e.scale.bandwidth():0,P=n.scale.bandwidth?n.scale.bandwidth():0,O=o.map(function(p,b){var j=I(p,c),w=I(p,f),E=!S(l)&&I(p,l)||"-",V=[{name:S(e.dataKey)?r.props.name:e.name||e.dataKey,unit:e.unit||"",value:j,payload:p,dataKey:c,type:s},{name:S(n.dataKey)?r.props.name:n.name||n.dataKey,unit:n.unit||"",value:w,payload:p,dataKey:f,type:s}];E!=="-"&&V.push({name:i.name||i.dataKey,unit:i.unit||"",value:E,payload:p,dataKey:l,type:s});var L=W({axis:e,ticks:a,bandSize:v,entry:p,index:b,dataKey:c}),R=W({axis:n,ticks:u,bandSize:P,entry:p,index:b,dataKey:f}),G=E!=="-"?i.scale(E):d,D=Math.sqrt(Math.max(G,0)/Math.PI);return g(g({},p),{},{cx:L,cy:R,x:L-D,y:R-D,xAxis:e,yAxis:n,zAxis:i,width:2*D,height:2*D,size:G,node:{x:j,y:w,z:E},tooltipPayload:V,tooltipPosition:{x:L,y:R},payload:p},h&&h[b]&&h[b].props)});return g({points:O},y)});var ze=ie({chartName:"ComposedChart",GraphicalChild:[oe,Pe,ae,N],axisComponents:[{axisType:"xAxis",AxisComp:se},{axisType:"yAxis",AxisComp:ce},{axisType:"zAxis",AxisComp:F}],formatAxisMap:ue});export{ze as n};

package/dist/assets/ConfettiBurst-D34cviSS-Z_WPGmrN.js

@@ -0,0 +1 @@
+import{dV as m,bw as l,j as i,bE as c,b as n}from"./index-2CdI-B2B.js";import{a}from"./core-tlHkQPPu.js";import"./mui-kiGMfX4-.js";import"./sentry-Dhk5jNhq.js";import"./zeni-epic-state-Bo1aGezX.js";import"./liveblocks-BrzOBACZ.js";import"./utils-BLUF9kAp.js";import"./analytics-CeQu-r45.js";const j=({showConfetti:t})=>{const[e,r]=a.useState(t),[s,o]=m("https://storage.googleapis.com/zeni-apis.appspot.com/data/confetti_sfx.mp3",t),[p]=l("ConfettiSuccess");return a.useEffect(()=>{t&&r(!0)},[t]),a.useEffect(()=>{e&&s===!1&&o(!0)},[e,s,o]),i.jsx(i.Fragment,{children:e&&s&&p!=null?i.jsx(c,{style:{position:"absolute",width:"100%",height:"100vh",top:n.sp0,left:n.sp0,zIndex:5},onComplete:()=>{o(!1),r(!1)},animationData:p,loop:0,play:!0,goTo:0,rendererSettings:{preserveAspectRatio:"xMidYMid slice"}}):null})};export{j as default};

package/dist/assets/CreateOrEditVendorPage-Abz0ijRD-C8cSnLG_.js

@@ -0,0 +1,281 @@
+import{i as We,u as v,a as h,b3 as M,j as t,cf as He,bm as b,A as Ye,dc as re,dd as ae,de as ne,dS as _e,bC as qe,R as U,cS as Ge,b as o,dT as Je,cH as S,d6 as ie,s as f,bH as se,af as le,ah as q,c6 as Ke,dP as de,C as L,dU as ce,dM as pe}from"./index-2CdI-B2B.js";import{a as x}from"./core-tlHkQPPu.js";import{n as r}from"./mui-kiGMfX4-.js";import{b as Qe}from"./omit-5LZGrM3q-cCGLyNB9.js";import"./sentry-Dhk5jNhq.js";import"./zeni-epic-state-Bo1aGezX.js";import"./liveblocks-BrzOBACZ.js";import"./utils-BLUF9kAp.js";import"./analytics-CeQu-r45.js";import"./_baseUnset-WRwI4F7w-C17FI5GR.js";import"./flatten-CIVR5K8J-DvOZeE7b.js";const Xe=({bankAccountNumberOrIban:e,accountNumberOrIbanLabel:n,bankName:s,routingNumberOrSwiftCode:d,accountName:u,routingNumberOrSwiftCodeLabel:m,onDeleteClick:w})=>{const j=v(),p=h.getLocalizedStrings().spendManagement.billPay.vendorCreation,g=t.jsxs(Ze,{children:[t.jsxs(W,{children:[t.jsx(H,{children:m}),t.jsx(Y,{children:d})]}),t.jsxs(W,{children:[t.jsx(H,{children:p.achDetails.bankName}),t.jsx(Y,{children:s})]}),t.jsxs(W,{children:[t.jsx(H,{children:n}),t.jsx(Y,{children:e})]})]});return t.jsxs(rt,{size:j,children:[t.jsxs(tt,{children:[t.jsxs(q,{children:[`${s} ${p.paymentAccountDetailConnector} ${e.slice(-4)}`,t.jsx(S,{title:g,placement:"top",children:t.jsx(nt,{children:t.jsx(it,{})})})]}),t.jsx(et,{children:u??p.emptyPlaceholderString})]}),t.jsx(ot,{children:t.jsx(S,{enterDelay:600,display:"flex",title:p.deleteAccountTooltip,placement:"top",children:t.jsx(at,{onClick:y=>{y.stopPropagation(),w()},"data-testid":b("delete-vendor-account-section",u),children:t.jsx(st,{})})})})]})},Ze=r.div`
+  display: flex;
+  flex-wrap: wrap;
+  gap: ${o.sp1};
+`,W=r.div`
+  display: flex;
+  justify-content: space-between;
+  width: 100%;
+`,H=r.div`
+  box-sizing: border-box;
+  text-align: left;
+  flex: 1 0 50%;
+  color: ${L.heroDark};
+`,Y=r.div`
+  box-sizing: border-box;
+  text-align: right;
+  word-break: break-word;
+  color: ${e=>e.theme.colors.brandColorPearl};
+`,et=r(le)`
+  color: ${e=>e.theme.colors.grey1};
+`,tt=r.div`
+  display: flex;
+  flex-direction: column;
+`,ot=r.div`
+  margin-top: ${o.sp0};
+  display: flex;
+  flex-direction: row;
+  gap: ${o.sp5};
+`,rt=r.div`
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+  justify-content: space-between;
+  margin-top: ${o.sp2};
+  margin-bottom: ${o.sp2};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  background-color: ${e=>e.theme.colors.grey5};
+  &:hover {
+    cursor: pointer;
+    z-index: 1;
+    outline: 1px solid ${e=>e.theme.colors.primary};
+    svg {
+      display: block;
+    }
+  }
+  border-radius: ${o.sp2};
+  padding: ${o.sp3} ${o.sp4};
+  color: ${e=>e.theme.colors.primary};
+  box-shadow: ${e=>`${o.sp0} 2px ${o.sp1} ${e.theme.colors.dropShadowNormal}`};
+`,at=r.div`
+  width: ${o.sp3};
+`,nt=r.div`
+  display: flex;
+  width: ${o.sp3};
+  transform: translate(${o.sp2}, 2px);
+  height: ${o.sp3};
+`,it=r(ce)`
+  cursor: pointer;
+  height: ${o.sp3};
+  width: ${o.sp3};
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,st=r(pe)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: ${L.important};
+  }
+`,lt=({paymentInstrument:e,onDeleteClick:n})=>{const s=v(),d=h.getLocalizedStrings().spendManagement.billPay.vendorCreation,u=t.jsx(dt,{children:e.piLabels.map(m=>t.jsxs(ct,{children:[t.jsxs(pt,{children:[m.name,d.colon]}),t.jsx(mt,{children:m.value})]},m.name))});return t.jsxs(xt,{size:s,children:[t.jsx(ut,{children:t.jsxs(q,{children:[e.displayText,t.jsx(S,{title:u,placement:"top",children:t.jsx($t,{children:t.jsx(bt,{})})})]})}),t.jsx(ht,{children:t.jsx(S,{enterDelay:600,display:"flex",title:d.deleteAccountTooltip,placement:"top",children:t.jsx(gt,{onClick:m=>{m.stopPropagation(),n()},"data-testid":b("delete-vendor-international-account-section",e.paymentInstrumentId),children:t.jsx(yt,{})})})})]})},dt=r.div`
+  display: flex;
+  flex-wrap: wrap;
+  gap: ${o.sp1};
+`,ct=r.div`
+  display: flex;
+  justify-content: space-between;
+  width: 100%;
+`,pt=r.div`
+  box-sizing: border-box;
+  text-align: left;
+  flex: 1 0 50%;
+  color: ${L.heroDark};
+`,mt=r.div`
+  box-sizing: border-box;
+  text-align: right;
+  word-break: break-word;
+  color: ${e=>e.theme.colors.brandColorPearl};
+`,ut=r.div`
+  display: flex;
+  flex-direction: column;
+`,ht=r.div`
+  margin-top: ${o.sp0};
+  display: flex;
+  flex-direction: row;
+  gap: ${o.sp5};
+`,xt=r.div`
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+  justify-content: space-between;
+  margin-top: ${o.sp2};
+  margin-bottom: ${o.sp2};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  background-color: ${e=>e.theme.colors.grey5};
+  &:hover {
+    cursor: pointer;
+    z-index: 1;
+    outline: 1px solid ${e=>e.theme.colors.primary};
+    svg {
+      display: block;
+    }
+  }
+  border-radius: ${o.sp2};
+  padding: ${o.sp3} ${o.sp4};
+  color: ${e=>e.theme.colors.primary};
+  box-shadow: ${e=>`${o.sp0} 2px ${o.sp1} ${e.theme.colors.dropShadowNormal}`};
+`,gt=r.div`
+  width: ${o.sp3};
+`,$t=r.div`
+  display: flex;
+  width: ${o.sp3};
+  transform: translate(${o.sp2}, 2px);
+  height: ${o.sp3};
+`,bt=r(ce)`
+  cursor: pointer;
+  height: ${o.sp3};
+  width: ${o.sp3};
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,yt=r(pe)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: ${L.important};
+  }
+`,me=(e,n)=>{const s=h.getLocalizedStrings().spendManagement.billPay.vendorCreation;switch(e){case"ach":return s.achDetails.ach;case"wire":switch(n){case"us-domestic":return s.wireDetails.domestic.domestic;case"international":return s.wireDetails.international.international;default:return""}default:return""}},_=({type:e,subType:n,vendorAccountDetails:s,vendorAccountDetailsInternational:d,onRemoveBankAccount:u,onAddNewAccountDetailClick:m})=>{const w=v(),[j,p]=x.useState(!1),[g,y]=x.useState(""),[I,N]=x.useState(!1),c=h.getLocalizedStrings().spendManagement.billPay.vendorCreation,k=i=>{y(i),p(!0)},P={onOkClick:()=>{p(!1),u(g,I)},onCancelClick:()=>{p(!1),y("")}},T=i=>e==="ach"||e==="wire"&&n==="us-domestic"?i.bankAccountNumber:e==="wire"&&n==="international"?i.bankAccountIban??"":"",B=i=>e==="ach"?i.bankRoutingNumberAch:e==="wire"&&n==="us-domestic"?i.bankRoutingNumberWireTransfer:e==="wire"&&n==="international"?i.bankSwiftCode??"":"";return t.jsxs(Ct,{children:[j===!0?t.jsx(re,{titleComponent:t.jsx(ne,{children:c.areYOuSure}),descriptionComponent:t.jsx(ae,{children:c.ifYouSubmit}),primaryButtonText:c.delete,secondaryButtonText:c.cancel,action:P,isEditPopup:!0,proceedButtonVariant:"danger"}):null,t.jsx(jt,{windowSize:w,children:`${me(e,n)} ${c.accountsLabel}`}),s?.map(i=>t.jsx(Z,{children:t.jsx(Xe,{bankName:i.bankName,bankAccountNumberOrIban:T(i),routingNumberOrSwiftCode:B(i),routingNumberOrSwiftCodeLabel:e==="ach"?c.achDetails.bankRoutingNumber:e==="wire"&&n==="us-domestic"?c.wireDetails.bankRoutingNumber:e==="wire"&&n==="international"?c.wireDetails.international.swiftCode:"",accountNumberOrIbanLabel:e==="ach"?c.achDetails.bankAccountNumber:e==="wire"&&n==="us-domestic"?c.wireDetails.accountNumber:e==="wire"&&n==="international"?c.wireDetails.international.iban:"",accountName:i.bankAccountName,onDeleteClick:()=>k(i.bankAccountId)})},i.bankAccountId)),d?.map(i=>t.jsx(Z,{children:t.jsx(lt,{paymentInstrument:i,onDeleteClick:()=>{N(!0),k(i.paymentInstrumentId)}})},i.paymentInstrumentId)),t.jsx(ft,{onAddAccountDetailsSection:m,type:e,subType:n})]})},ft=({onAddAccountDetailsSection:e,type:n,subType:s})=>{const d=v(),u=h.getLocalizedStrings().spendManagement.billPay;return t.jsx(t.Fragment,{children:t.jsxs(wt,{windowSize:d,onClick:e,"data-testid":b("add-vendor-account",n),children:[t.jsx(vt,{}),t.jsx(ie,{children:`${u.vendorCreation.addPrefix} ${me(n,s)}`})]})})},vt=r(de)`
+  margin-right: ${o.sp2};
+  width: ${o.sp3};
+  height: ${o.sp3};
+`,wt=r.div`
+  padding: ${o.sp3};
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-color: ${e=>e.theme.colors.grey5};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  border-radius: ${o.sp2};
+  box-shadow: ${e=>`${o.sp0} 2px ${o.sp1} ${e.theme.colors.dropShadowNormal}`};
+  color: ${e=>e.theme.colors.hero};
+  cursor: pointer;
+  margin-top: ${o.sp2};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+    border: 1px solid ${e=>e.theme.colors.primary};
+  }
+`,jt=r(se)`
+  color: ${e=>e.theme.colors.primary};
+  margin-bottom: ${o.sp2};
+`,Z=r.div``,Ct=r.div`
+  display: flex;
+  flex-direction: column;
+  padding-top: ${o.sp2};
+  padding-bottom: ${o.sp2};
+  margin-top: ${o.sp3};
+  margin-bottom: ${o.sp3};
+`,St=({addressState:e,onUpdateMailingAddress:n})=>{const s=v(),d=h.getLocalizedStrings().spendManagement.billPay.vendorCreation;return t.jsxs(Bt,{children:[t.jsxs(Tt,{windowSize:s,children:[`${d.mailingAddressLabel}`,t.jsx(Pt,{children:`${d.mailingAddressPlaceholder}`})]}),e!=null?t.jsxs(Nt,{children:[kt(e),t.jsx(S,{enterDelay:600,display:"flex",title:d.editMailingAddressTooltip,placement:"top",children:t.jsx(Dt,{"data-testid":b("edit-vendor-mailing-address"),onClick:()=>n("vendor_address"),children:t.jsx(At,{})})})]}):t.jsx(t.Fragment,{children:t.jsxs(It,{windowSize:s,"data-testid":b("add-vendor-mailing-address"),onClick:()=>n("vendor_address"),children:[t.jsx(Lt,{}),t.jsx(ie,{children:d.addMailingAddress})]})})]})},kt=e=>[e.street[2],e.street[0],e.street[1],e.city,`${e.state} ${e.postalCode}`.trim(),e.countryCode??e.country].filter(Boolean).join(", "),Dt=r.div`
+  width: ${o.sp3};
+  svg {
+    display: none;
+  }
+`,At=r(Ke)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Lt=r(de)`
+  margin-right: ${o.sp2};
+  width: ${o.sp3};
+  height: ${o.sp3};
+`,It=r.div`
+  padding: ${o.sp3};
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-color: ${e=>e.theme.colors.grey5};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  border-radius: ${o.sp2};
+  box-shadow: ${e=>`${o.sp0} 2px ${o.sp1} ${e.theme.colors.dropShadowNormal}`};
+  color: ${e=>e.theme.colors.hero};
+  cursor: pointer;
+  margin-top: ${o.sp2};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+    border: 1px solid ${e=>e.theme.colors.primary};
+  }
+`,Nt=r(q)`
+  margin-top: ${o.sp2};
+  padding: ${o.sp3} ${o.sp4};
+  background-color: ${e=>e.theme.colors.grey5};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  border-radius: ${o.sp2};
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  box-shadow: ${e=>`${o.sp0} 2px ${o.sp1} ${e.theme.colors.dropShadowNormal}`};
+  color: ${e=>e.theme.colors.hero};
+  cursor: pointer;
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+    border: 1px solid ${e=>e.theme.colors.primary};
+    svg {
+      display: block;
+    }
+  }
+`,Pt=r(le)`
+  color: ${e=>e.theme.colors.grey1};
+  transform: translateY(${o.sp1});
+`,Tt=r(se)`
+  color: ${e=>e.theme.colors.primary};
+  margin-bottom: ${o.sp2};
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  gap: ${o.sp3};
+`,Bt=r.div`
+  display: flex;
+  flex-direction: column;
+  padding-top: ${o.sp2};
+  padding-bottom: ${o.sp2};
+  margin-top: ${o.sp3};
+  margin-bottom: ${o.sp3};
+`,ee="createVendorPage",te=e=>`${e}_form`,A={containerPaddingLeft:new U(f[3],f[6],f[6]),containerPaddingRight:new U(f[3],f[6],f[8]),buttonWidth:new U(125,125)},zt=r.div`
+  display: flex;
+  flex-direction: column;
+  overflow: auto;
+  width: 100%;
+`,Rt=r.div`
+  display: flex;
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey4};
+  box-shadow: ${e=>`${o.sp0} 2px ${o.sp1} ${e.theme.colors.dropShadowNormal}`};
+  padding-left: ${e=>`${A.containerPaddingLeft.valuePx(e.windowSize)}`};
+  padding-right: ${e=>`${A.containerPaddingRight.valuePx(e.windowSize)}`};
+  overflow: auto;
+`,Vt=r.div`
+  display: flex;
+  flex: 1 1 auto;
+  height: 100vh;
+  width: 100%;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  box-shadow: ${e=>`${o.sp0} 2px ${o.sp1} ${e.theme.colors.dropShadowNormal}`};
+`,Ft=r(Je)`
+  color: ${e=>e.theme.colors.primary};
+  margin-bottom: ${o.sp3};
+  margin-top: ${o.sp3};
+`,Et=r(Ge)`
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+  width: 20px;
+  height: 20px;
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Ot=r.div`
+  display: flex;
+  flex-direction: column;
+  padding-top: ${o.sp11};
+`,$=h.getLocalizedStrings().spendManagement.billPay.vendorCreation,Mt=h.getLocalizedStrings().common.footer,oe=h.getLocalizedStrings().common.currency,Zt=({vendorViewDetails:e,vendorId:n,screenType:s,analytics:d,filesEndPoint:u,authParams:m,vendorSearchAutoCompleteData:w,vendorSearchAutoCompleteActions:j,isLocalCurrencyEnabled:p,onBackClick:g,onVendorSelected:y,navigateToBankDetailPage:I,updateSelectedVendorForCreate:N,onRemoveBankAccount:c,updateSaveFetchState:k,onSaveVendor:P,navigateToMailingAddressPage:T,saveVendorDetailLocalData:B,resetVendorDetailLocalData:i,saveContactsInVendorDetailLocalData:ue,updateFilesEntity:he,onEditFileName:xe,onFetchAndUpdateVendorRecommendations:ge})=>{const{accountList:{accounts:$e},classList:{classes:be},vendorTypeList:ye,ownerList:fe,editVendorState:z,newVendorState:G,fetchState:ve,hasWireTransfer:J,hasInternationalWireTransfer:R,deleteFileStatusById:we,updateFileStatusById:je,accountsHierarchyList:Ce,classHierarchyList:Se}=e,D=n!=null?z?.vendorDetailLocalData:G?.vendorDetailLocalData,l=Object.assign({},z??G),ke=We(),C=v(),[De,V]=x.useState(!1),[Ae,F]=x.useState(!1),K=s==="create"?$.newVendorTitle:$.editVendor,Le=(l.bankAccountsUpdated??[]).map(a=>a.bankAccountId).sort(),Ie=(l.vendorBasic?.bankAccounts??[]).map(a=>a.bankAccountId).sort(),Ne=!M(Le,Ie),Pe=(l.paymentInstrumentsUpdated??[]).map(a=>a.paymentInstrumentId).sort(),Te=(l.vendorBasic?.paymentInstruments??[]).map(a=>a.paymentInstrumentId).sort(),Be=!M(Pe,Te),ze=(D?.contacts??[]).filter(a=>a.email!==""||a.fullName!==""||a.phone!=="").map(a=>Qe(a,"contactInfoType")),Re=l.vendorBasic?.contacts??[],Ve=!M(ze,Re),Fe=l.bankAccountsUpdated.filter(a=>!!a.bankRoutingNumberAch),Ee=l.bankAccountsUpdated.filter(a=>!!a.bankRoutingNumberWireTransfer),Oe=l.paymentInstrumentsUpdated.filter(a=>!!a.piNumber),Q=()=>{F(!0)},Me={onOkClick:()=>{F(!1),V(!1),i?.(),g()},onCancelClick:()=>{F(!1),V(!1)}},E=x.useRef(null),O=(a,Ue)=>{E.current?.syncFormData(),I(a,Ue)};x.useEffect(()=>{l?.saveStatus?.fetchState==="Completed"&&(k(),g())},[l]);const X=x.useRef(null);return t.jsxs(zt,{windowSize:C,children:[t.jsx(He,{"data-testid":b("vendor-detail-container-nav-bar"),title:K,backgroundColor:ke.colors.grey4,leftSideComponent:t.jsx(Et,{onClick:Q,"data-testid":b("create-edit-vendor-nav-bar-back")}),enableTitleOnScroll:!0,scrollableContent:X,source:"CreateOrEditVendorPage"}),t.jsxs(Rt,{windowSize:C,ref:X,children:[ve==="In-Progress"?t.jsx(Vt,{children:t.jsx(Ye,{size:"ExtraLarge",start:!0})}):t.jsxs(t.Fragment,{children:[De===!0?t.jsx(re,{titleComponent:t.jsx(ne,{children:$.discardTitle}),descriptionComponent:t.jsx(ae,{children:$.discardDescription}),primaryButtonText:$.discard,secondaryButtonText:$.cancel,action:Me}):null,C!=="small"?t.jsx(Ft,{children:K}):null,t.jsx(_e,{ref:E,id:te(ee),allAccounts:$e,allClasses:be,accountsHierarchyList:Ce,classHierarchyList:Se,vendorTypeList:ye,allOwners:fe,vendorSearchAutoCompleteData:w,vendorSearchAutoCompleteActions:j,onVendorSelected:y,screenType:s,hasInternationalWireTransfer:R,selectedVendor:l,formLocalData:D,isBankAccountChanged:Ne,isContactListChanged:Ve,isPaymentInstrumentChanged:Be,analytics:d,pageBackBtnClicked:Ae,onBackClick:g,onSaveVendor:P,saveContactsInVendorDetailLocalData:ue,updateSelectedVendorForCreate:N,saveVendorDetailLocalData:B,updateFilesEntity:he,toggleConfirmationPopup:a=>{V(a)},filesEndPoint:u,authParams:m,onEditFileName:xe,deleteFileStatusById:we,updateFileStatusById:je,onFetchAndUpdateVendorRecommendations:ge,isLocalCurrencyEnabled:p}),J||R?t.jsx(St,{addressState:l.vendorNewAddressStatus?.addressToCreate,onUpdateMailingAddress:a=>{E.current?.syncFormData(),T(a)}}):null,l.vendorDetailLocalData?.currencyCode==null||l.vendorDetailLocalData?.currencyCode===oe.currencyCode?t.jsx(_,{type:"ach",vendorAccountDetails:Fe,onAddNewAccountDetailClick:()=>O("ach","standard"),onRemoveBankAccount:c}):null,!J||l.vendorDetailLocalData?.currencyCode!=null&&l.vendorDetailLocalData?.currencyCode!==oe.currencyCode?null:t.jsx(_,{type:"wire",subType:"us-domestic",vendorAccountDetails:Ee,onAddNewAccountDetailClick:()=>O("wire","us-domestic"),onRemoveBankAccount:c}),R&&(D?.countryCode!=null&&D.countryCode!=="US"||p)?t.jsx(_,{type:"wire",subType:"international",vendorAccountDetailsInternational:Oe,isLocalCurrencyEnabled:p,onAddNewAccountDetailClick:()=>O("wire","international"),onRemoveBankAccount:c}):null]}),t.jsx(Ot,{})]}),t.jsx(qe,{formId:te(ee),primaryBtn:{label:$.saveDetails,isLoading:l.saveStatus?.fetchState==="In-Progress",style:{width:A.buttonWidth.value(C)},isDisabled:!1},cancelBtn:{label:Mt.cancel,style:{width:A.buttonWidth.value(C)},shouldResetOnCancel:!1,onClick:Q}})]})};export{Zt as default,te as formUniqueName};