@zeniai/web-components 3.17.11 → 3.17.13

package/dist/MyProfileSettingsPage-DoMtuQnm.cjs

@@ -1,85 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./vendor-.pnpm-D0ILHvHB.cjs"),v=require("react"),p=require("@emotion/styled"),M=require("@zeniai/client-epic-state"),t=require("./index-B3k6KNNf.cjs"),le=require("./LabeledAddressValueField-BsEjj9fs.cjs"),re=require("./LabeledNameField-Cp0fPqUB.cjs"),ae=require("./LabeledSingleSelectWithoutClearableField-BT8_tXtN.cjs"),ne=require("./LabeledUserSingleSelectWithSubtitlesField-cyvQaWi6.cjs"),V=require("./LabeledZeniRolesDropDownField-Bp_2iisl.cjs"),S=(e,a)=>`${e}.${a}`,O={largeLabelWidth:new t.ResponsiveSized(120,120,160),textFieldPaddingHorizontal:new t.ResponsiveSized(t.sp[2],t.sp[3]),toolTipWidth:new t.ResponsiveSized(215,237),notePadding:new t.ResponsiveSized(t.sp[3],t.sp[4]),noteGap:new t.ResponsiveSized(t.sp[0],6)},{peoplePage:s,common:{settings:ee,labels:k,placeholder:W,errorMessage:ie},dateFormat:de}=t.appLocale.getLocalizedStrings(),ce=({myProfileView:e,isZeniFinopsRolesUser:a,sectionId:r,isDisabled:u,isReimbursementDisabled:f,isZeniAccountsDisabled:m,isChargeCardDisabled:l,isBankingOnlyTenant:x,isCardsOnlyTenant:P,isLiteRoleDisabled:C,isTreasuryDisabled:h,onAddressClick:R})=>{const d=t.useWindowSizeContext(),{person:n,managersList:B,classList:I,manager:H,department:g,controllersList:T,myProfileLocalData:A,addressData:Z}=e,G=e.person.user?.birthday!=null?"readonly":void 0,w=O.largeLabelWidth.value(d),D=O.largeLabelWidth.value(d),Q=v.useMemo(()=>t.getUpdatedRoles(f,m,l,x,P,C,h),[f,m,l,x,P,C,h]),{firstController:b,restControllerEmailsStr:$}=v.useMemo(()=>{const i=o.cloneDeep(T),L=i.splice(0,1),E=i.reduce((z,N)=>z.concat(`${N.email},`),"");return{firstController:L,restControllerEmailsStr:E}},[T]),J=v.useMemo(()=>o.cloneDeep(t.ZeniRolesConstants.roles),[]),c=M.hasInvestorBankerLevelAccess(n.userRole!=null?n.userRole.userRoles:[]),U=v.useMemo(()=>I.map(i=>({label:i.fullyQualifiedAccountingClassName,value:i.classId,hoverText:i.accountingClassNumber})),[I]);return o.jsxRuntimeExports.jsxs(pe,{windowSize:d,children:[o.jsxRuntimeExports.jsx(re.LabeledNameField,{isDisabled:u,label:{label:k.name,width:D},nameField:{name:S(r,"name"),placeHolder:{firstName:W.firstNamePlaceholder,lastName:W.lastNamePlaceholder,name:W.namePlaceholder},showFullNameError:!0},errorInfoLabel:ie.nameError.replace("_product_type_",ee.common.productTypeString)}),o.jsxRuntimeExports.jsx(F,{}),o.jsxRuntimeExports.jsx(t.LabeledTextField,{isDisabled:u,showAdditionalInfoLabel:!1,label:{label:s.invitePage.email,width:w},text:{type:"text",name:S(r,"email"),placeholder:t.getPlaceholderTextWithPrefix$1(s.addPlaceholderPrefix,s.invitePage.email),style:{padding:`${t.Space.sp0} ${O.textFieldPaddingHorizontal.valuePx(d)}`}}}),o.jsxRuntimeExports.jsx(F,{}),o.jsxRuntimeExports.jsx(t.LabeledDatePickerField,{label:{label:k.dateOfBirth,width:D},style:{width:"auto"},isDisabled:G,dateField:{name:S(r,"dateOfBirth"),placeholder:W.datePlaceholder,defaultValue:A.dateOfBirth,dateFormat:de.visual.defaultInput,autoComplete:"off",maxDate:M.dateNow().subtract(18,"year")}}),o.jsxRuntimeExports.jsx(F,{}),o.jsxRuntimeExports.jsx(le.LabeledAddressValueField,{label:{label:k.mailingAddress,width:D},addressValueField:{name:S(r,"mailingAddress"),placeholder:W.addressPlaceholder,defaultValue:Z?.addressToCreate,onClick:()=>{R("user_address")}},showAdditionalInfoLabel:!0,style:{width:"auto",padding:`${t.Space.sp2} ${t.Space.sp2} ${t.Space.sp2} ${t.Space.sp0}`}}),o.jsxRuntimeExports.jsx(F,{}),o.jsxRuntimeExports.jsx(t.LabeledPhoneNumberField,{label:{label:k.phone,width:D},text:{name:S(r,"phone"),placeholder:W.phonePlaceholder,defaultValue:A.phone,autoComplete:"off"},showVerified:A.isPhoneVerified,style:{width:"auto"}}),o.jsxRuntimeExports.jsx(F,{}),a?o.jsxRuntimeExports.jsx(V.LabeledZeniRolesDropDownField,{label:{label:s.invitePage.role,width:w},zeniRolesDropDownField:{name:S(r,"role"),defaultValue:{selectedOptions:n.userRole!=null?n.userRole.userRoles:[],allOptions:J},registerOptions:{required:!0},placeholderLabel:t.getPlaceholderTextWithPrefix$1(s.selectPlaceholderPrefix,s.invitePage.role),isMulti:!0,forZeniUser:!0},isDisabled:"readonly"}):o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[o.jsxRuntimeExports.jsx(V.LabeledRolesDropDownField,{label:{label:s.invitePage.role,width:w},rolesDropDownField:{name:S(r,"nonZeniRole"),defaultValue:{userRole:{selectedRole:t.getSelectedRootRole(n.userRole?.userRoles??[]),allRootRole:t.getAllRootRoles(x,P)},productsByUserRole:t.getProductWiseRoleOptions(n.userRole?.userRoles??[],Q)},registerOptions:{required:!0}},isDisabled:u}),o.jsxRuntimeExports.jsx(F,{}),o.jsxRuntimeExports.jsx(ne.LabeledUserSingleSelectWithSubtitlesField,{label:{label:s.invitePage.manager,width:w},showTooltip:!0,toolTipWidth:O.toolTipWidth.valuePx(d),tooltipTitle:o.jsxRuntimeExports.jsx(ue,{}),userSingleSelectWithSubTitlesField:{name:S(r,"manager"),value:{allUsers:c?[]:B,selectedUser:c?void 0:H?.userId},valueToSubtitle:i=>{const L=B.findIndex(E=>E.userId===i);if(L!==-1){const E=B[L],z=I.find(K=>K.classId===E.userRole.accountingClassIDs[0]),N=[];return z!=null&&N.push(z.className),N}else return[]},placeholderLabel:c?s.notApplicable:t.getPlaceholderTextWithPrefix$1(s.selectPlaceholderPrefix,s.invitePage.manager),registerOptions:{required:!c},showOneOffLabel:{label:ee.label.noManager,value:"no_manager",position:"top",subtitles:[]}},isDisabled:"readonly",opacity:c?.32:1}),o.jsxRuntimeExports.jsx(F,{}),o.jsxRuntimeExports.jsx(ae.LabeledSingleSelectWithoutClearableField,{label:{label:s.invitePage.department,width:w},singleSelectWithoutClearableField:{name:S(r,"department"),defaultValue:{allOptions:c?[]:U,selectedOption:c?void 0:U.find(i=>i.value===g?.classId)},placeholder:c?s.notApplicable:t.getPlaceholderTextWithPrefix$1(s.selectPlaceholderPrefix,s.invitePage.department),registerOptions:{required:!c},isDisabled:u,showOptionOnHover:!0},isDisabled:u,opacity:c?.32:1}),a?null:o.jsxRuntimeExports.jsxs(me,{windowSize:d,children:[s.invitePage.controllerText,b[0]?o.jsxRuntimeExports.jsxs(he,{href:`mailto:${b[0].email}?cc=${$}&subject=${encodeURIComponent(s.invitePage.emailSubject)}`,children:[o.jsxRuntimeExports.jsx(xe,{children:`${b[0].firstName} ${b[0].lastName}`}),o.jsxRuntimeExports.jsx(t.SvgArrowRight,{className:"arrowIcon"})]}):null]})]})]})},ue=()=>s.invitePage.managerTooltipText,pe=p.div`
-  display: flex;
-  flex-direction: column;
-  background-color: ${e=>e.theme.colors.grey5};
-  border: 1px solid ${e=>e.theme.colors.grey3};
-  box-shadow: ${e=>`${t.Space.sp0} 2px ${t.Space.sp1} ${e.theme.colors.dropShadowNormal}`};
-  border-radius: ${t.Space.sp2};
-  margin-bottom: ${t.Space.sp3};
-  .single-select-field__menu {
-    border: ${e=>e.windowSize==="small"?`1px solid ${e.theme.colors.grey3}`:"unset"};
-  }
-`,F=p.div`
-  display: flex;
-  flex: 1;
-  background-color: ${e=>e.theme.colors.grey3};
-  min-height: 1px;
-  max-height: 1px;
-`,me=p(t.ExtraSmallRegular)`
-  padding: ${e=>`${t.Space.sp1}  ${O.notePadding.valuePx(e.windowSize)}`};
-  background: ${e=>e.theme.colors.grey4};
-  border-radius: ${t.Space.sp0} ${t.Space.sp0} ${t.Space.sp2} ${t.Space.sp2};
-  text-align: left;
-  color: ${e=>e.theme.colors.grey1};
-  display: flex;
-  flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
-  align-items: ${e=>e.windowSize==="small"?"flex-start":"center"};
-  gap: ${e=>O.noteGap.valuePx(e.windowSize)};
-`,he=p.a`
-  color: ${e=>e.theme.colors.hero};
-  text-decoration: none;
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  .arrowIcon {
-    cursor: pointer;
-    height: 12px;
-    width: 12px;
-  }
-  :hover {
-    color: ${e=>e.theme.colors.primary};
-    .arrowIcon {
-      color: ${e=>e.theme.colors.primary};
-    }
-  }
-`,xe=p.span``,oe={myProfileDetailsRowGap:new t.ResponsiveSized(12,t.sp[5],t.sp[5]),sectionWidth:new t.ResponsiveSized(343,580,726),subtitleSectionWidth:new t.ResponsiveSized(343,580,1200)},ge={title:new t.ResponsiveSizedStyle("standardMedium","largeMedium")},j="userDetails",Se=({myProfileView:e,isReimbursementDisabled:a,isZeniAccountsDisabled:r,isChargeCardDisabled:u,isTreasuryDisabled:f,isBankingOnlyTenant:m,isCardsOnlyTenant:l,isLiteRoleDisabled:x,onClickMenuIcon:P,onAddressClick:C,updateMyProfileLocalData:h,onCancelClick:R,onGetOtp:d,onResendOtp:n,onSaveClick:B,onVerifyOtp:I,onVerifyOtpSuccess:H})=>{const g=t.useWindowSizeContext(),T=v.useMemo(()=>t.getUpdatedRoles(a,r,u,m,l,x,f),[a,r,u,m,l,x,f]),[A,Z]=v.useState(!1),[G,w]=v.useState(!1),D=o.useTheme(),Q=t.useGlobalInfoContext(),b=t.isZeniFinopsRoles(Q),$=o.useForm({mode:"onSubmit",reValidateMode:"onSubmit",defaultValues:te(e,b,T,m,l),values:te(e,b,T,m,l)}),J=e.myProfileLocalData.dateOfBirth!=null&&e.person.user?.birthday!=null&&!e.myProfileLocalData.dateOfBirth.isSame(e.person.user?.birthday)||e.myProfileLocalData.dateOfBirth!=null&&e.person.user?.birthday==null,c=e.myProfileLocalData.phone!==e.person.user?.phone,U=e.addressData?.addressToCreate!=null&&e.person.address!=null&&!o.isEqual(M.getFormattedAddress(e.addressData?.addressToCreate),M.getFormattedAddress(e.person.address))||e.addressData?.addressToCreate!=null&&e.person.address==null,i=J||c||U,L=Object.keys($.formState.errors).length===0,E=t.formHasDirtyFields($.formState.dirtyFields),z=L&&(E||i),N=async(X,_)=>{if(X!=null){const y={..._},se={...e.myProfileLocalData,phone:y[j].phone,isPhoneVerified:y[j].phone!==e.person.user?.phone?!1:e.person.user?.isPhoneVerified??!1,dateOfBirth:y[j].dateOfBirth!=null?M.zeniDate(y[j].dateOfBirth.toString()):void 0};h(se)}};v.useEffect(()=>{const X=$.watch((_,{name:y})=>{y!=null&&_!=null&&o.defer(()=>N(y,_))});return()=>{X.unsubscribe()}});const K=$.handleSubmit(()=>{L&&(e.myProfileLocalData.phone!=null&&(e.myProfileLocalData.isPhoneVerified==null||e.myProfileLocalData.isPhoneVerified===!1)?d(e.myProfileLocalData.phone):B())}),{common:q}=t.appLocale.getLocalizedStrings();return o.jsxRuntimeExports.jsxs(fe,{children:[o.jsxRuntimeExports.jsx(t.OtpPopupSection,{showOtpPopup:A,phoneNumberPopupDescription:"show something",showPhoneNumberPopup:G,twoFactorAuthenticationView:e.twoFAView,loggedInUserPhone:e.myProfileLocalData.phone,onVerifyOtp:I,onVerifyOtpSuccess:H,setShowOtpPopup:Z,onResendOtp:n,setShowPhoneNumberPopup:w,onGetOtp:d}),o.jsxRuntimeExports.jsx(t.NavBar,{source:"MyProfileSettingsPage",title:q.settings.title.myProfile,backgroundColor:D.colors.grey4,showBackButton:!1,showMenuIcon:g==="medium-compact"||g==="small",onClickMenuIcon:P}),o.jsxRuntimeExports.jsxs(Re,{windowSize:g,children:[o.jsxRuntimeExports.jsx(be,{windowSize:g,children:o.jsxRuntimeExports.jsx(je,{windowSize:g,children:q.settings.infoText.myProfile})}),o.jsxRuntimeExports.jsx(o.FormProvider,{...$,children:o.jsxRuntimeExports.jsxs("form",{id:Y(j),onSubmit:K,children:[o.jsxRuntimeExports.jsx(ve,{windowSize:g,children:o.jsxRuntimeExports.jsx(Pe,{windowSize:g,children:q.settings.subtitle.myProfile})}),o.jsxRuntimeExports.jsx(ce,{myProfileView:e,isZeniFinopsRolesUser:b,isDisabled:"readonly",isReimbursementDisabled:a,sectionId:j,isZeniAccountsDisabled:r,isChargeCardDisabled:u,isTreasuryDisabled:f,isBankingOnlyTenant:m,isCardsOnlyTenant:l,isLiteRoleDisabled:x,onAddressClick:C})]})})]}),z?o.jsxRuntimeExports.jsx(t.Footer,{style:{zIndex:1,paddingTop:t.Space.sp3,paddingBottom:t.Space.sp3},formId:Y(j),helperStyle:{paddingTop:t.Space.sp0,paddingBottom:t.Space.sp0},primaryBtn:{label:q.footer.save,isLoading:e.updateProfileStatus.fetchState==="In-Progress",style:{minWidth:103}},cancelBtn:{label:q.cancel,onClick:R,shouldResetOnCancel:!0,style:{minWidth:103}}}):null]})},Y=e=>`${e}_form`,fe=p.div`
-  display: flex;
-  height: 100vh;
-  width: 100%;
-  flex-direction: column;
-  row-gap: ${t.Space.sp3};
-  background-color: ${e=>e.theme.colors.grey4};
-`,Re=p.div`
-  display: flex;
-  width: 100%;
-  margin: auto;
-  justify-content: flex-start;
-  height: 100%;
-  overflow-y: auto;
-  flex-direction: column;
-  align-items: center;
-`,be=p(t.ExtraSmallRegular)`
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: ${e=>oe.subtitleSectionWidth.valuePx(e.windowSize)};
-  margin-bottom: ${t.Space.sp5};
-`,je=p.div`
-  display: flex;
-  align-items: center;
-
-  color: ${e=>e.theme.colors.hero};
-  ${t.textStyles.standardMedium.css};
-`,ve=p.div`
-  display: flex;
-  align-items: center;
-  width: ${e=>oe.sectionWidth.valuePx(e.windowSize)};
-  margin-bottom: ${t.Space.sp3};
-`,Pe=p.div`
-  display: flex;
-  align-items: center;
-
-  color: ${e=>e.theme.colors.primary};
-  ${e=>`${ge.title.style(e.windowSize)}`};
-`,te=(e,a,r,u,f)=>{const{classList:m,person:l,managersList:x,manager:P,department:C,myProfileLocalData:h}=e,R=M.hasInvestorBankerLevelAccess(l.userRole!=null?l.userRole.userRoles:[]),d=m.map(n=>({label:n.fullyQualifiedAccountingClassName,value:n.classId,hoverText:n.accountingClassNumber}));return{[j]:{name:{firstName:l.user?.firstName??"",lastName:l.user?.lastName??""},email:l.user?.email??"",role:a?{allOptions:t.ZeniRolesConstants.roles,selectedOptions:l.userRole?.userRoles??[]}:void 0,nonZeniRole:a?void 0:{userRole:{selectedRole:t.getSelectedRootRole(l.userRole?.userRoles??[]),allRootRole:t.getAllRootRoles(u,f)},productsByUserRole:t.getProductWiseRoleOptions(l.userRole?.userRoles??[],r)},manager:{allUsers:R?[]:x,selectedUser:we(R,P)},department:{allOptions:R?[]:d,selectedOption:R?void 0:d.find(n=>n.value===C?.classId)},dateOfBirth:h.dateOfBirth?.toDate(),phone:h.phone,syncToken:h?.syncToken,isPhoneVerified:h?.isPhoneVerified,otpChallenge:h?.otpChallenge,mailingAddress:e.addressData?.addressToCreate}}},we=(e,a)=>{if(!e)return a!=null?a.userId:"no_manager"};exports.default=Se;exports.uniqueFormName=Y;

package/dist/NavBarWithPicker-7rVBfAea.js

@@ -1,106 +0,0 @@
-import { u as p, j as t } from "./vendor-.pnpm-B2klaOGU.js";
-import s from "@emotion/styled";
-import { eX as x, t as u, S as r, u as g, e as m, Z as y, a as v, eU as b, hd as C, G as f } from "./index-Dg4HzhKR.js";
-const j = s.div`
-  display: flex;
-  flex-direction: row;
-  flex: 1 1 auto;
-  justify-content: center;
-  max-width: calc(100% - 36px);
-  margin-left: ${r.sp3};
-`, k = ({
-  backgroundColor: e,
-  pickerValues: n,
-  valueToLabel: a,
-  selectedValue: i,
-  onPickerSelectionChanged: l,
-  isPickerDisabled: c,
-  titleTextStyle: d,
-  styles: h
-}) => {
-  const o = p();
-  return /* @__PURE__ */ t.jsx(j, { style: h, children: /* @__PURE__ */ t.jsx(
-    x,
-    {
-      pickerValues: n,
-      valueToLabel: a,
-      selectedValue: i,
-      onPickerSelectionChanged: l,
-      backgroundColor: e,
-      titleTextStyle: d ?? u.largeRegular,
-      titleColor: o.colors.primary,
-      selectedOptionColor: o.colors.primary,
-      isDisabled: c
-    }
-  ) });
-}, {
-  common: {
-    navBar: { back: w }
-  }
-} = v.getLocalizedStrings(), S = {
-  navBarHeight: b
-}, $ = s.div`
-  display: flex;
-  align-items: center;
-  min-height: ${(e) => S.navBarHeight.valuePx(e.windowSize)};
-  background-color: ${(e) => e.bgColor};
-`, T = s.div``, B = s(f)`
-  cursor: pointer;
-  width: ${r.sp4};
-  height: ${r.sp4};
-  color: ${(e) => e.theme.colors.hero};
-  &:hover {
-    color: ${(e) => e.theme.colors.primary};
-  }
-`, P = s(C)`
-  cursor: pointer;
-  width: 20px;
-  min-width: 20px;
-  height: 20px;
-  color: ${(e) => e.theme.colors.hero};
-  &:hover {
-    color: ${(e) => e.theme.colors.primary};
-  }
-`;
-function R({
-  picker: e,
-  backgroundColor: n,
-  showMenuIcon: a,
-  rightSideComponent: i,
-  onBackClick: l,
-  onClickMenuIcon: c
-}) {
-  const d = p(), h = g(), o = n ?? d.colors.grey5;
-  return /* @__PURE__ */ t.jsxs($, { bgColor: o, windowSize: h, children: [
-    a ? /* @__PURE__ */ t.jsx(
-      P,
-      {
-        onClick: c,
-        "data-testid": m("nav-bar-menu-button")
-      }
-    ) : /* @__PURE__ */ t.jsx(
-      y,
-      {
-        style: {
-          marginTop: r.sp1,
-          height: r.sp4
-        },
-        title: w,
-        enterDelay: 600,
-        placement: "bottom",
-        children: /* @__PURE__ */ t.jsx(
-          B,
-          {
-            "data-testid": m("nav-bar-back-button"),
-            onClick: l
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ t.jsx(k, { ...e, backgroundColor: o }),
-    i != null ? /* @__PURE__ */ t.jsx(T, { children: i }) : null
-  ] });
-}
-export {
-  R as N
-};

package/dist/NavBarWithPicker-BVBmv7Qm.cjs

@@ -1,30 +0,0 @@
-"use strict";const o=require("./vendor-.pnpm-D0ILHvHB.cjs"),n=require("@emotion/styled"),t=require("./index-B3k6KNNf.cjs"),d=n.div`
-  display: flex;
-  flex-direction: row;
-  flex: 1 1 auto;
-  justify-content: center;
-  max-width: calc(100% - 36px);
-  margin-left: ${t.Space.sp3};
-`,h=({backgroundColor:e,pickerValues:s,valueToLabel:c,selectedValue:i,onPickerSelectionChanged:a,isPickerDisabled:l,titleTextStyle:x,styles:p})=>{const r=o.useTheme();return o.jsxRuntimeExports.jsx(d,{style:p,children:o.jsxRuntimeExports.jsx(t.Picker$1,{pickerValues:s,valueToLabel:c,selectedValue:i,onPickerSelectionChanged:a,backgroundColor:e,titleTextStyle:x??t.textStyles.largeRegular,titleColor:r.colors.primary,selectedOptionColor:r.colors.primary,isDisabled:l})})},{common:{navBar:{back:m}}}=t.appLocale.getLocalizedStrings(),u={navBarHeight:t.navBarHeight},g=n.div`
-  display: flex;
-  align-items: center;
-  min-height: ${e=>u.navBarHeight.valuePx(e.windowSize)};
-  background-color: ${e=>e.bgColor};
-`,j=n.div``,v=n(t.SvgArrowLeft)`
-  cursor: pointer;
-  width: ${t.Space.sp4};
-  height: ${t.Space.sp4};
-  color: ${e=>e.theme.colors.hero};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,y=n(t.SvgMenu)`
-  cursor: pointer;
-  width: 20px;
-  min-width: 20px;
-  height: 20px;
-  color: ${e=>e.theme.colors.hero};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`;function S({picker:e,backgroundColor:s,showMenuIcon:c,rightSideComponent:i,onBackClick:a,onClickMenuIcon:l}){const x=o.useTheme(),p=t.useWindowSizeContext(),r=s??x.colors.grey5;return o.jsxRuntimeExports.jsxs(g,{bgColor:r,windowSize:p,children:[c?o.jsxRuntimeExports.jsx(y,{onClick:l,"data-testid":t.generateDataTestId("nav-bar-menu-button")}):o.jsxRuntimeExports.jsx(t.Tooltip,{style:{marginTop:t.Space.sp1,height:t.Space.sp4},title:m,enterDelay:600,placement:"bottom",children:o.jsxRuntimeExports.jsx(v,{"data-testid":t.generateDataTestId("nav-bar-back-button"),onClick:a})}),o.jsxRuntimeExports.jsx(h,{...e,backgroundColor:r}),i!=null?o.jsxRuntimeExports.jsx(j,{children:i}):null]})}exports.NavBarWithPicker=S;

package/dist/NavigationArrow-DafQIwxw.cjs

@@ -1,47 +0,0 @@
-"use strict";const o=require("./vendor-.pnpm-D0ILHvHB.cjs"),t=require("@emotion/react"),i=require("@emotion/styled"),e=require("./index-B3k6KNNf.cjs"),g=t.css`
-  border-left-style: none;
-  margin-left: -${e.Space.sp3};
-  border-top-right-radius: ${e.Space.sp2};
-  border-bottom-right-radius: ${e.Space.sp2};
-  padding: ${e.Space.sp2};
-`,u=t.css`
-  border-right-style: none;
-  margin-right: -${e.Space.sp3};
-  border-top-left-radius: ${e.Space.sp2};
-  border-bottom-left-radius: ${e.Space.sp2};
-  padding: ${e.Space.sp2};
-`,p=i.div`
-  cursor: pointer;
-  display: flex;
-  border: 1px solid
-    ${r=>r.isSpendManagementPromoCard===!0?r.promoBorderColor!=null?r.promoBorderColor:r.theme.colors.billPayPromoBorderColor:r.theme.colors.grey3};
-  margin-top: ${r=>r.isSpendManagementPromoCard===!0?e.Space.sp0:"-"+e.Space.sp11};
-  ${r=>r.which==="left"?g:u};
-  ${r=>r.marginLeft!=null?`margin-left: ${r.marginLeft};`:""}
-  ${r=>r.marginRight!=null?`margin-right: ${r.marginRight};`:""}
-  & svg {
-    color: ${r=>r.isSpendManagementPromoCard===!0?r.promoColor!=null?r.promoColor:r.theme.colors.billPayPromoBorderColor:r.theme.colors.hero};
-  }
-  &:hover {
-    & svg {
-      color: ${r=>r.theme.colors.primary};
-    }
-    ${({promoBorderColorHover:r})=>r!=null?t.css`
-          border-color: ${r};
-        `:null}
-  }
-`,$=i(e.SvgArrowLeft)`
-  width: ${e.Space.sp3};
-  height: ${e.Space.sp3};
-  color: ${r=>r.theme.colors.hero};
-  &:hover {
-    color: ${r=>r.theme.colors.primary};
-  }
-`,S=i(e.SvgArrowRight)`
-  width: ${e.Space.sp3};
-  height: ${e.Space.sp3};
-  color: ${r=>r.theme.colors.hero};
-  &:hover {
-    color: ${r=>r.theme.colors.primary};
-  }
-`;function f({navType:r}){switch(r){case"left":return o.jsxRuntimeExports.jsx($,{});case"right":return o.jsxRuntimeExports.jsx(S,{});default:throw Error("Invalid navtype")}}const y=({navType:r,isSpendManagementPromoCard:l=!1,marginLeft:s,marginRight:a,promoBorderColor:n,promoBorderColorHover:c,promoColor:d,handleClick:h})=>o.jsxRuntimeExports.jsx(p,{isSpendManagementPromoCard:l,which:r,className:`styledNav styledNav-${r}`,marginLeft:s,marginRight:a,promoBorderColor:n,promoColor:d,promoBorderColorHover:c,onClick:m=>h(m,r=="left"?"right":"left"),children:o.jsxRuntimeExports.jsx(f,{navType:r})});exports.NavigationArrow=y;

package/dist/NavigationArrow-DiPY8UOp.js

@@ -1,88 +0,0 @@
-import { j as e } from "./vendor-.pnpm-B2klaOGU.js";
-import { css as t } from "@emotion/react";
-import l from "@emotion/styled";
-import { S as o, O as c, G as $ } from "./index-Dg4HzhKR.js";
-const f = t`
-  border-left-style: none;
-  margin-left: -${o.sp3};
-  border-top-right-radius: ${o.sp2};
-  border-bottom-right-radius: ${o.sp2};
-  padding: ${o.sp2};
-`, u = t`
-  border-right-style: none;
-  margin-right: -${o.sp3};
-  border-top-left-radius: ${o.sp2};
-  border-bottom-left-radius: ${o.sp2};
-  padding: ${o.sp2};
-`, p = l.div`
-  cursor: pointer;
-  display: flex;
-  border: 1px solid
-    ${(r) => r.isSpendManagementPromoCard === !0 ? r.promoBorderColor != null ? r.promoBorderColor : r.theme.colors.billPayPromoBorderColor : r.theme.colors.grey3};
-  margin-top: ${(r) => r.isSpendManagementPromoCard === !0 ? o.sp0 : "-" + o.sp11};
-  ${(r) => r.which === "left" ? f : u};
-  ${(r) => r.marginLeft != null ? `margin-left: ${r.marginLeft};` : ""}
-  ${(r) => r.marginRight != null ? `margin-right: ${r.marginRight};` : ""}
-  & svg {
-    color: ${(r) => r.isSpendManagementPromoCard === !0 ? r.promoColor != null ? r.promoColor : r.theme.colors.billPayPromoBorderColor : r.theme.colors.hero};
-  }
-  &:hover {
-    & svg {
-      color: ${(r) => r.theme.colors.primary};
-    }
-    ${({ promoBorderColorHover: r }) => r != null ? t`
-          border-color: ${r};
-        ` : null}
-  }
-`, y = l($)`
-  width: ${o.sp3};
-  height: ${o.sp3};
-  color: ${(r) => r.theme.colors.hero};
-  &:hover {
-    color: ${(r) => r.theme.colors.primary};
-  }
-`, v = l(c)`
-  width: ${o.sp3};
-  height: ${o.sp3};
-  color: ${(r) => r.theme.colors.hero};
-  &:hover {
-    color: ${(r) => r.theme.colors.primary};
-  }
-`;
-function S({ navType: r }) {
-  switch (r) {
-    case "left":
-      return /* @__PURE__ */ e.jsx(y, {});
-    case "right":
-      return /* @__PURE__ */ e.jsx(v, {});
-    default:
-      throw Error("Invalid navtype");
-  }
-}
-const N = ({
-  navType: r,
-  isSpendManagementPromoCard: i = !1,
-  marginLeft: s,
-  marginRight: a,
-  promoBorderColor: n,
-  promoBorderColorHover: m,
-  promoColor: d,
-  handleClick: h
-}) => /* @__PURE__ */ e.jsx(
-  p,
-  {
-    isSpendManagementPromoCard: i,
-    which: r,
-    className: `styledNav styledNav-${r}`,
-    marginLeft: s,
-    marginRight: a,
-    promoBorderColor: n,
-    promoColor: d,
-    promoBorderColorHover: m,
-    onClick: (g) => h(g, r == "left" ? "right" : "left"),
-    children: /* @__PURE__ */ e.jsx(S, { navType: r })
-  }
-);
-export {
-  N
-};

package/dist/NavigationDots-Bok3moGf.cjs

@@ -1,15 +0,0 @@
-"use strict";const r=require("./vendor-.pnpm-D0ILHvHB.cjs"),n=require("@emotion/styled"),t=require("./index-B3k6KNNf.cjs"),v=n.div`
-  text-align: center;
-  cursor: pointer;
-`,g=n.div`
-  display: inline-block;
-  border-radius: 50%;
-  margin: ${t.Space.sp0} ${t.Space.sp2};
-  width: 6px;
-  height: 6px;
-  cursor: inherit;
-  transition: background-color 0.4s linear;
-  cursor: ${o=>o.spendManagementPromoCardActive===!0?"pointer":"default"};
-  background-color: ${o=>o.spendManagementPromoCardActive?o.active?o.promoColor!=null?o.promoColor:o.theme.colors.brandColorGold:o.promoColorHover!=null?o.promoColorHover:o.theme.colors.billPayPromoColorHover:o.active?o.theme.colors.hero:o.theme.colors.grey2};
-  opacity: ${o=>o.spendManagementPromoCardActive&&!o.active&&o.promoColorHoverOpacity!=null?o.promoColorHoverOpacity:1};
-`,C=({numberOfDots:o,activeIndex:a,style:i,dotStyle:l,promoColor:c,promoColorHover:s,promoColorHoverOpacity:d,handleClick:m,spendManagementPromoCardActive:u=!1})=>o<=1?null:r.jsxRuntimeExports.jsx(v,{style:i,children:[...Array(o)].map((y,e)=>r.jsxRuntimeExports.jsx(g,{style:l,promoColor:c,promoColorHover:s,promoColorHoverOpacity:d,spendManagementPromoCardActive:u,active:a===e,onClick:()=>m?.(e),"data-testid":t.generateDataTestId("nav-dot",e.toString())},e))});exports.NavigationDots=C;

package/dist/NavigationDots-BwSQaBgv.js

@@ -1,44 +0,0 @@
-import { j as e } from "./vendor-.pnpm-B2klaOGU.js";
-import a from "@emotion/styled";
-import { e as u, S as t } from "./index-Dg4HzhKR.js";
-const C = a.div`
-  text-align: center;
-  cursor: pointer;
-`, g = a.div`
-  display: inline-block;
-  border-radius: 50%;
-  margin: ${t.sp0} ${t.sp2};
-  width: 6px;
-  height: 6px;
-  cursor: inherit;
-  transition: background-color 0.4s linear;
-  cursor: ${(o) => o.spendManagementPromoCardActive === !0 ? "pointer" : "default"};
-  background-color: ${(o) => o.spendManagementPromoCardActive ? o.active ? o.promoColor != null ? o.promoColor : o.theme.colors.brandColorGold : o.promoColorHover != null ? o.promoColorHover : o.theme.colors.billPayPromoColorHover : o.active ? o.theme.colors.hero : o.theme.colors.grey2};
-  opacity: ${(o) => o.spendManagementPromoCardActive && !o.active && o.promoColorHoverOpacity != null ? o.promoColorHoverOpacity : 1};
-`, k = ({
-  numberOfDots: o,
-  activeIndex: i,
-  style: l,
-  dotStyle: n,
-  promoColor: c,
-  promoColorHover: m,
-  promoColorHoverOpacity: d,
-  handleClick: s,
-  spendManagementPromoCardActive: v = !1
-}) => o <= 1 ? null : /* @__PURE__ */ e.jsx(C, { style: l, children: [...Array(o)].map((y, r) => /* @__PURE__ */ e.jsx(
-  g,
-  {
-    style: n,
-    promoColor: c,
-    promoColorHover: m,
-    promoColorHoverOpacity: d,
-    spendManagementPromoCardActive: v,
-    active: i === r,
-    onClick: () => s?.(r),
-    "data-testid": u("nav-dot", r.toString())
-  },
-  r
-)) });
-export {
-  k as N
-};

package/dist/NewGlobalMerchantPage-C-THSKTD.cjs

@@ -1,160 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./vendor-.pnpm-D0ILHvHB.cjs"),j=require("react"),r=require("@emotion/styled"),t=require("./index-B3k6KNNf.cjs"),q=require("@emotion/react"),g={width:new t.ResponsiveSized(343,580,726),height:new t.ResponsiveSized(t.sp[6],t.sp[6]),controlHeight:new t.ResponsiveSized(t.sp[6],t.sp[6]),paddingTopBottom:new t.ResponsiveSized(t.sp[2],t.sp[2]),marginRight:new t.ResponsiveSized(t.sp[2],t.sp[2]),labelMarginLeft:new t.ResponsiveSized(t.sp[3],t.sp[4]),labelMarginRight:new t.ResponsiveSized(t.sp[3],t.sp[4]),labelMarginTop:new t.ResponsiveSized(t.sp[2],t.sp[2])},_={infoLabel:new t.ResponsiveSizedStyle("smallRegular","standardRegular")},B=t.appLocale.getLocalizedStrings();function O({label:e,textField:o,additionalInfo:d,checkBoxFields:c,fetchState:u,style:R,toolTip:S,isOptionalLabel:v}){const s=t.useWindowSizeContext(),{formState:{errors:l}}=n.useFormContext(),f=n.has(l,o.name);return n.jsxRuntimeExports.jsxs(A,{windowSize:s,style:R,isDisabled:o.isDisabled!=null,isError:f,children:[n.jsxRuntimeExports.jsx(t.Label,{isDisabled:o.isDisabled,label:e.label,style:{marginLeft:g.labelMarginLeft.value(s),marginRight:g.labelMarginRight.value(s),marginTop:g.labelMarginTop.value(s),width:e.width??"auto"},showTooltip:S!=null,tooltipTitle:S?.title,toolTipWidth:S?.width,isOptional:v}),n.jsxRuntimeExports.jsxs(H,{labelWidth:e.width,children:[n.jsxRuntimeExports.jsx(t.TextField,{...o,style:{...o.style,display:"flex",flexGrow:1,width:"-webkit-fill-available",height:g.controlHeight.value(s),cursor:"inherit"}}),u?.fetchState==="In-Progress"?n.jsxRuntimeExports.jsx(J,{children:n.jsxRuntimeExports.jsx(t.ActivityIndicator,{size:"Standard",start:!0})}):n.jsxRuntimeExports.jsxs(K,{children:[n.jsxRuntimeExports.jsxs(V,{windowSize:s,isRecommendationVisible:c.length>0,isError:f,children:[d.icon,d.label]}),c.length>0?c.map((h,x)=>n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[n.jsxRuntimeExports.jsx(t.BorderedCheckBoxField,{isHighlighted:!0,label:{label:h.label},checkBoxField:h.field,defaultChecked:h.field.defaultChecked,isDisabled:h.field.isDisabled!=null},n.nanoid()),x<c.length-1?n.jsxRuntimeExports.jsx(Q,{children:B.common.texts.or}):null]})):null]})]})]})}const A=r.div`
-  display: flex;
-  flex-direction: row;
-  align-items: flex-start;
-  background-color: ${e=>e.theme.colors.grey5};
-  width: ${e=>g.width.valuePx(e.windowSize)};
-  min-height: ${e=>g.height.valuePx(e.windowSize)};
-  padding-right: ${e=>g.marginRight.valuePx(e.windowSize)};
-  padding-top: ${e=>g.paddingTopBottom.valuePx(e.windowSize)};
-  padding-bottom: ${e=>g.paddingTopBottom.valuePx(e.windowSize)};
-
-  :first-of-type {
-    border-top-left-radius: inherit;
-    border-top-right-radius: inherit;
-  }
-
-  :last-of-type {
-    border-bottom-left-radius: inherit;
-    border-bottom-right-radius: inherit;
-  }
-
-  &:focus-within {
-    z-index: 1;
-    outline: 1px solid ${e=>e.theme.colors.primary};
-
-    input {
-      background-color: ${e=>e.isError?t.Colors.importantLight:e.theme.colors.background};
-    }
-  }
-  input {
-    background-color: ${e=>e.isError?t.Colors.importantLight:e.theme.colors.grey5};
-  }
-  &:hover {
-    z-index: 1;
-    outline: 1px solid
-      ${e=>e.isDisabled===!0?e.theme.colors.grey3:e.theme.colors.primary};
-    input {
-      background-color: ${e=>e.isDisabled===!0?e.theme.colors.grey5:e.isError?t.Colors.importantLight:e.theme.colors.background};
-    }
-  }
-`,H=r.div`
-  display: flex;
-  flex-direction: column;
-  width: ${e=>e.labelWidth!=null?`calc(100% - ${e.labelWidth}px)`:"auto"};
-  align-items: flex-end;
-  flex-grow: 1;
-`,V=r.label`
-  display: flex;
-  color: ${e=>e.isError?t.Colors.important:e.theme.colors.primary};
-  ${e=>`${_.infoLabel.style(e.windowSize)}`};
-  text-align: right;
-`,J=r.div`
-  height: 100%;
-  width: 100%;
-  margin-top: ${t.Space.sp2};
-  display: flex;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-`,K=r.div`
-  display: flex;
-  align-items: center;
-  justify-content: flex-end;
-  margin-top: ${t.Space.sp2};
-  padding-right: ${t.Space.sp3};
-  gap: ${t.Space.sp3};
-`,Q=r.div`
-  color: ${e=>e.theme.colors.hero};
-`,X={labelWidth:new t.ResponsiveSized(120,145,160)},Y=t.appLocale.getLocalizedStrings(),{common:Z,vendorReview:{globalReview:W}}=Y,{sectionTitles:ee,labels:y}=Z,te=({recommendationFetchState:e,newGlobalMerchantData:o,recommendedGlobalMerchants:d,sectionId:c,isDisabled:u,style:R,fetchRecommendation:S})=>{const v=t.useWindowSizeContext(),s=X.labelWidth.value(v),{formState:l}=n.useFormContext(),f=()=>{o?.globalMerchantName!=null&&o.globalMerchantName.trim().length>2&&l.dirtyFields[c]?.globalMerchantName===!0&&S()},h=[];return d.length>0&&d.forEach((x,M)=>{const m=`recommended${t.mapIndexToString(M)}`;h.push({field:{name:E(c,m),defaultChecked:o?.currentSelection===m,isDisabled:u},label:x.globalMerchantName})}),n.jsxRuntimeExports.jsxs(ne,{style:R,children:[n.jsxRuntimeExports.jsx(oe,{children:ee.vendorDetails}),n.jsxRuntimeExports.jsxs(re,{children:[n.jsxRuntimeExports.jsx(O,{label:{label:y.name,width:s},textField:{type:"text",name:E(c,"globalMerchantName"),placeholder:t.getPlaceholderTextWithPrefix(y.name),defaultValue:o?.globalMerchantName,autoComplete:"off",isDisabled:e.fetchState==="In-Progress"?"readonly":u,registerOptions:{required:!0},onBlur:f,onKeyDown:x=>{x.key==="Enter"&&(x.preventDefault(),f())}},checkBoxFields:h,fetchState:e,additionalInfo:{label:d.length>0?W.newGlobalMerchant.recommendationText:W.newGlobalMerchant.recommendationInfoText,icon:n.jsxRuntimeExports.jsx(ie,{children:n.jsxRuntimeExports.jsx(le,{})})},style:{width:"auto"}}),n.jsxRuntimeExports.jsx(t.LabeledTextField,{isDisabled:e.fetchState==="In-Progress"?"readonly":u,label:{label:y.websiteURL,width:s},text:{type:"url",name:E(c,"globalMerchantWebsiteUrl"),placeholder:t.getPlaceholderTextWithPrefix(y.websiteURL),defaultValue:o?.globalMerchantWebsiteUrl?.toString(),autoComplete:"off",options:{required:!0}},style:{width:"auto"}})]})]})},E=(e,o)=>`${e}.${o}`,ne=r.div`
-  display: flex;
-  flex-direction: column;
-  padding-top: ${t.Space.sp3};
-  padding-bottom: ${t.Space.sp3};
-`,oe=r(t.LargeMedium)`
-  color: ${e=>e.theme.colors.primary};
-  margin-bottom: ${t.Space.sp3};
-  margin-right: ${t.Space.sp6};
-`,re=r.div`
-  display: flex;
-  flex-direction: column;
-  background-color: ${e=>e.theme.colors.grey5};
-  border: 1px solid ${e=>e.theme.colors.grey3};
-  ${e=>q.css`
-    box-shadow: ${t.Space.sp0} 2px ${t.Space.sp1}
-      ${e.theme.colors.dropShadowNormal};
-  `};
-  border-radius: ${t.Space.sp2};
-`,ie=r.div`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  margin-right: ${t.Space.sp2};
-`,le=r(t.SvgAutofill1)`
-  color: ${e=>e.theme.colors.brandColorJade};
-  width: ${t.Space.sp3};
-  height: ${t.Space.sp3};
-`,w={containerPaddingLeft:new t.ResponsiveSized(t.sp[3],t.sp[3],t.sp[6]),containerPaddingRight:new t.ResponsiveSized(t.sp[3],t.sp[3],t.sp[8]),navbarContainerPaddingTop:new t.ResponsiveSized(t.sp[2],t.sp[3]),navbarContainerPaddingBottom:new t.ResponsiveSized(t.sp[4],t.sp[5]),sectionTitleMarginTop:new t.ResponsiveSized(0,t.sp[3]),sectionTitleMarginLeft:new t.ResponsiveSized(t.sp[3],0)},se={sectionTitle:new t.ResponsiveSizedStyle("h6Regular","h5Regular")},D="newGlobalMerchantPage",b="newGlobalMerchant",ae=t.appLocale.getLocalizedStrings(),{common:{footer:L,sectionTitles:de},vendorReview:{globalReview:ce}}=ae,me=({globalMerchantView:e,analytics:o,tenantMerchant:d,isDisabled:c,updateCreateGlobalMerchantLocalData:u,fetchRecommendation:R,onBackClick:S,onSaveClick:v})=>{const s=t.useWindowSizeContext(),l=n.useForm({mode:"all",reValidateMode:"onChange",defaultValues:j.useMemo(()=>F(e),[e]),values:j.useMemo(()=>F(e),[e]),resetOptions:{keepDefaultValues:!0,keepDirtyValues:!0}}),f=()=>{if(e.newGlobalMerchantData!=null){const i=d?.tenantName??null,p=e.newGlobalMerchantData.globalMerchantName,a=e.recommendedGlobalMerchants[0]?.globalMerchantName??null;o.trackVendorReviewNewVendorRequested({reviewSource:"global_review",newRequestedVendorName:p,tenantName:i,newRequestedVendorNameSource:i!=null?"text_edit":"new_vendor_button",isVendorNameRecommendationSelected:a===p,recommendedVendorName:a,recommendedVendorReason:e.recommendedGlobalMerchants[0]?.reason??null})}R()},h=()=>{if(e.newGlobalMerchantData!=null){const i=d?.tenantName??null,p=e.newGlobalMerchantData.globalMerchantName,a=e.recommendedGlobalMerchants[0]?.globalMerchantName??null;o.trackVendorReviewNewVendorSaved({reviewSource:"global_review",saveRequestedVendorName:p,tenantName:i,recommendedVendorName:a,saveRequestedVendorSource:i!=null?"text_edit":"new_vendor_button",recommendedVendorReason:e.recommendedGlobalMerchants[0]?.reason??null,isVendorNameRecommendationSelected:a===p})}v()},x=()=>{e.newGlobalMerchantData!=null&&o.trackVendorReviewNewVendorCanceled({reviewSource:"global_review",newRequestedVendorName:e.newGlobalMerchantData.globalMerchantName,tenantName:d?.tenantName??null,recommendedVendorName:e.recommendedGlobalMerchants[0]?.globalMerchantName??null,recommendedVendorReason:e.recommendedGlobalMerchants[0]?.reason??null}),S()},M=()=>{h()},z=async(i,p)=>{const{newGlobalMerchant:{globalMerchantName:a,recommendedFirst:P,recommendedSecond:G,globalMerchantWebsiteUrl:k}}=p;if(i.includes("globalMerchantName")||i.includes("globalMerchantWebsiteUrl")){let N=null;a===e.recommendedGlobalMerchants[0]?.globalMerchantName?N="recommendedFirst":a===e.recommendedGlobalMerchants[1]?.globalMerchantName&&(N="recommendedSecond"),u(a,N,k)}else(i.includes("recommendedFirst")||i.includes("recommendedSecond"))&&(i.includes("recommendedFirst")&&P&&e.recommendedGlobalMerchants[0]?.globalMerchantName?(u(e.recommendedGlobalMerchants[0]?.globalMerchantName,"recommendedFirst",e.recommendedGlobalMerchants[0]?.websiteUrl?.toString()),e.recommendedGlobalMerchants[0]?.websiteUrl!=null&&l.setValue(`${b}.globalMerchantWebsiteUrl`,e.recommendedGlobalMerchants[0].websiteUrl.toString())):i.includes("recommendedSecond")&&G&&e.recommendedGlobalMerchants[1]?.globalMerchantName?(u(e.recommendedGlobalMerchants[1].globalMerchantName,"recommendedSecond",e.recommendedGlobalMerchants[1].websiteUrl?.toString()),e.recommendedGlobalMerchants[1]?.websiteUrl!=null&&l.setValue(`${b}.globalMerchantWebsiteUrl`,e.recommendedGlobalMerchants[1].websiteUrl.toString())):!P&&!G&&(l.resetField(`${b}.globalMerchantName`),l.resetField(`${b}.globalMerchantWebsiteUrl`)))};j.useEffect(()=>{const i=l.watch((p,{name:a})=>{a!=null&&p!=null&&n.defer(()=>z(a,p))});return()=>{i.unsubscribe()}});const{newGlobalMerchantData:m,fetchState:$,error:I,recommendedGlobalMerchants:U}=e,C=t.usePrevious($);return j.useEffect(()=>{C==="In-Progress"&&$==="Completed"&&m?.globalMerchantName!=null&&(l.resetField(`${b}.globalMerchantName`,{defaultValue:m.globalMerchantName}),e.recommendedGlobalMerchants.forEach(i=>{i.globalMerchantName===m.globalMerchantName&&i.websiteUrl!=null&&l.setValue(`${b}.globalMerchantWebsiteUrl`,i.websiteUrl.toString())}))},[C,$,l,m?.globalMerchantName,m?.globalMerchantWebsiteUrl,e.recommendedGlobalMerchants]),n.jsxRuntimeExports.jsxs(pe,{windowSize:s,children:[n.jsxRuntimeExports.jsxs(ue,{windowSize:s,children:[n.jsxRuntimeExports.jsx(xe,{children:n.jsxRuntimeExports.jsx(ge,{onClick:x})}),n.jsxRuntimeExports.jsx(be,{windowSize:s,children:de.newVendor}),n.jsxRuntimeExports.jsx(Se,{children:n.jsxRuntimeExports.jsxs(fe,{children:[n.jsxRuntimeExports.jsx(Re,{children:n.jsxRuntimeExports.jsx(ve,{})}),n.jsxRuntimeExports.jsx(we,{children:ce.newGlobalMerchant.tip})]})})]}),n.jsxRuntimeExports.jsx(he,{children:n.jsxRuntimeExports.jsx(n.FormProvider,{...l,children:n.jsxRuntimeExports.jsx("form",{id:T(D),onSubmit:l.handleSubmit(M),children:n.jsxRuntimeExports.jsx(te,{sectionId:b,isDisabled:m?.status.fetchState==="In-Progress"?"readonly":c,newGlobalMerchantData:m,recommendationFetchState:{fetchState:$,error:I},recommendedGlobalMerchants:U,fetchRecommendation:f})})})}),n.jsxRuntimeExports.jsx(t.Footer,{formId:T(D),primaryBtn:{label:L.save,isLoading:m?.status.fetchState==="In-Progress",isDisabled:$==="In-Progress"},cancelBtn:{label:L.cancel,shouldResetOnCancel:!0,onClick:x}})]})},T=e=>`${e}_form`,F=e=>{const{newGlobalMerchantData:o}=e;return{[b]:{globalMerchantName:o?.globalMerchantName??"",globalMerchantWebsiteUrl:o?.globalMerchantWebsiteUrl?.toString(),recommendedFirst:o?.currentSelection==="recommendedFirst",recommendedSecond:o?.currentSelection==="recommendedSecond",newGlobalMerchantId:o?.newGlobalMerchantId}}},pe=r.div`
-  display: flex;
-  flex: 1 1 auto;
-  min-height: 100%;
-  width: 100%;
-  padding-left: ${e=>w.containerPaddingLeft.valuePx(e.windowSize)};
-  padding-right: ${e=>w.containerPaddingRight.valuePx(e.windowSize)};
-  flex-direction: column;
-  background-color: ${e=>e.theme.colors.grey5};
-  box-shadow: ${e=>`${t.Space.sp0} 2px ${t.Space.sp1} ${e.theme.colors.dropShadowNormal}`};
-`,ue=r.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  top: ${t.Space.sp0};
-  z-index: 2;
-  padding-top: ${e=>w.navbarContainerPaddingTop.valuePx(e.windowSize)};
-  padding-bottom: ${e=>w.navbarContainerPaddingBottom.valuePx(e.windowSize)};
-`,he=r.div`
-  flex: 1;
-`,xe=r.div`
-  display: flex;
-  width: 100%;
-  justify-content: flex-end;
-  align-items: center;
-  padding: ${t.Space.sp3} ${t.Space.sp0};
-`,ge=r(t.SvgClose)`
-  cursor: pointer;
-  color: ${e=>e.theme.colors.hero};
-  width: ${t.Space.sp4};
-  height: ${t.Space.sp4};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,be=r(t.StyledText)`
-  display: flex;
-  width: 100%;
-  color: ${e=>e.theme.colors.primary};
-  margin-left: ${e=>w.sectionTitleMarginLeft.valuePx(e.windowSize)};
-  margin-top: ${e=>w.sectionTitleMarginTop.valuePx(e.windowSize)};
-  ${e=>`${se.sectionTitle.style(e.windowSize)}`};
-`,Se=r.div`
-  display: flex;
-  width: 100%;
-  background-color: transparent;
-  border: 1px solid ${e=>e.theme.colors.grey3};
-  border-radius: ${t.Space.sp2};
-  margin-top: ${t.Space.sp3};
-`,fe=r.div`
-  display: flex;
-  padding: ${t.Space.sp3} ${t.Space.sp4} ${t.Space.sp3} ${t.Space.sp4};
-`,we=r(t.StandardRegular)`
-  display: flex;
-  flex-grow: 1;
-  color: ${e=>e.theme.colors.hero};
-`,Re=r.div`
-  display: flex;
-  align-items: center;
-  margin-right: ${t.Space.sp2};
-`,ve=r(t.SvgProTip)`
-  color: ${e=>e.theme.colors.primary};
-  width: ${t.Space.sp4};
-  height: ${t.Space.sp4};
-`;exports.default=me;exports.uniqueFormName=T;