@shipengine/elements 1.9.0 → 2.0.0

package/wallet-form-9e4bfaea.js

@@ -0,0 +1 @@
+import{jsxs as e,jsx as i,Fragment as t}from"@emotion/react/jsx-runtime";import{useState as r,useMemo as n,useReducer as s,useRef as a,useCallback as o}from"react";import{useTranslation as l,Trans as c}from"react-i18next";import{Icon as d,IconSize as g,Link as u,Typography as m,ButtonVariant as p,Button as b,ButtonColor as h,IconTooltip as f,InlineNotification as v,NotificationType as S,Stepper as O,Step as j,Tag as C,TagColor as y,Grid as L,GridChild as x}from"@shipengine/giger";import{useCreateFundingSource as T,useRegisterCarrier as w,useListCarriers as I,useListFundingSources as E,useListWarehouses as F,useCreateWarehouse as A,useGetFundingSourceMetadata as W,useListSalesOrders as k,useListSalesOrderShipments as R,useListLabels as _}from"@shipengine/react-api";import{c as V,v as B,a as D}from"./validation-528e7834.js";import{N,_ as U,G as M}from"./carrier-c2a5ed53.js";import{useForm as P}from"react-hook-form";import{IconNames as H}from"@shipengine/giger-theme";import{z}from"zod";import{a0 as Z,z as q,j as $,t as G,B as K,Z as Y,ab as J,v as Q,y as X,p as ee,P as ie,k as te,e as re,ac as ne,L as se,V as ae,aa as oe,ad as le,ae as ce,a5 as de,a1 as ge}from"./warehouse-form-da6a7ac5.js";import{a as ue}from"./assertions-dfa95b4d.js";import{i as me,b as pe,e as be,j as he,k as fe,l as ve,u as Se,g as Oe,d as je,m as Ce,E as ye,M as Le,h as xe,U as Te,n as we,o as Ie}from"./use-unit-settings-a5bae16e.js";import{C as Ee}from"./carrier-logo-330e926f.js";import{l as Fe,m as Ae}from"./use-scrub-errors-9870a6f3.js";import{h as We}from"./shipment-150160e0.js";import{createElement as ke}from"@emotion/react";import{d as Re}from"./use-toggle-866d7938.js";const _e=V({container:{alignItems:"center",display:"flex",flexDirection:"column",justifyContent:"center",textAlign:"left"},expanderLink:e=>({alignItems:"center",display:"inline-flex",fontWeight:e.typography.fontWeight.normal}),fullWidth:{width:"100%"},termsWell:e=>({backgroundColor:e.palette.gray.ultraLight,marginBottom:e.spacing(6),padding:e.spacing(2),width:"100%"})}),Ve=z.object({agreeToTerms:z.literal(!0),email:z.string().trim().email()}),Be=({onSubmit:t})=>{const{t:n}=l(),[s,a]=r(!1),o=P({defaultValues:{agreeToTerms:!1,email:""},resolver:B(Ve)}),b=o.handleSubmit((e=>N(void 0,void 0,void 0,(function*(){t(e.email)}))));return e("form",Object.assign({css:_e.container,id:"account-registration-form",onSubmit:D.capture(b)},{children:[i("div",Object.assign({css:_e.fullWidth},{children:i(Z,{control:o.control,"data-testid":"fields.email",form:"account-registration-form",label:n("address.fields.email"),labelWeight:"normal",name:"email",nativeLabel:!0})})),i("div",{children:i(q,{checkboxLabel:i(c,{components:{icon:i(d,{name:s?H.CHEVRON_TOP:H.CHEVRON_BOTTOM,size:g.SIZE_SMALL}),terms:i(u,{css:_e.expanderLink,"data-testid":"terms-link",onClick:e=>{e.preventDefault(),a((e=>!e))},role:"button"})},defaults:"I agree to the <terms>Terms of Service</terms>",i18nKey:"terms.agreeToTerms"}),control:o.control,"data-testid":"fields.agreeToTerms",label:n("terms.fields.agreeToTerms"),name:"agreeToTerms"})}),s&&e("div",Object.assign({css:_e.termsWell},{children:[i(m,Object.assign({variant:"heading4"},{children:"Terms of Service"})),i($,{term:{links:[{link:"https://www.shipengine.com/terms-of-service/",locale:"en-US",title:n("onboarding:termsAndAgreementLinkText.shipEngineToS")},{link:"https://auctane.com/legal/privacy-policy/",locale:"en-US",title:n("onboarding:termsAndAgreementLinkText.auctanePrivacyPolicy")}]}})]})),i(G,{multiplier:4}),i(K,Object.assign({justify:"center"},{children:i(Y,Object.assign({alwaysRequireValidity:!0,control:o.control,"data-testid":"onboarding:accountRegistration.action",variant:p.FILLED},{children:n("onboarding:accountRegistration.action")}))}))]}))},De=({title:r,subtitle:n})=>e(t,{children:[i(m,Object.assign({variant:"heading4"},{children:r})),i(G,{multiplier:2}),i(m,Object.assign({variant:"subtitle1"},{children:n})),i(G,{multiplier:1})]}),Ne=V({container:e=>({padding:e.spacing(2)}),description:{textAlign:"center"},header:{alignItems:"center",display:"flex",flexDirection:"column",textAlign:"center"}}),Ue=({onSubmit:t,partnerName:r})=>{const{t:n}=l();return e("div",Object.assign({css:Ne.container,"data-testid":"account-registration-step"},{children:[i("div",Object.assign({css:Ne.header},{children:i(De,{subtitle:n("onboarding:accountRegistration.subtitle"),title:n("onboarding:accountRegistration.title")})})),i(Be,{onSubmit:t}),e("div",Object.assign({css:Ne.header},{children:[i(G,{multiplier:6}),i(m,Object.assign({variant:"subtitle1"},{children:n("onboarding:accountRegistration.welcome")})),i(G,{multiplier:2}),i(m,Object.assign({css:Ne.description,variant:"body1"},{children:r?n("onboarding:accountRegistration.partnerMessageLine1",{partnerName:r}):n("onboarding:accountRegistration.messageLine1")})),i(G,{multiplier:2}),i(m,Object.assign({css:Ne.description,variant:"body1"},{children:n("onboarding:accountRegistration.messageLine2")})),i(G,{multiplier:2})]}))]}))},Me=({onContinue:t})=>{const{t:r}=l(["common","onboarding"]);return e("div",Object.assign({css:{alignItems:"center",display:"flex",flexDirection:"column"},"data-testid":"onboarding-complete"},{children:[i(m,Object.assign({variant:"heading4"},{children:r("onboarding:success.title")})),i(G,{multiplier:2}),i(m,Object.assign({variant:"subtitle1"},{children:r("onboarding:success.subtitle")})),i(G,{multiplier:10}),e("svg",Object.assign({fill:"none",height:"86",viewBox:"0 0 86 86",width:"86",xmlns:"http://www.w3.org/2000/svg"},{children:[i("circle",{cx:"43",cy:"43.3379",fill:"#E8F6FF",r:"42.5"}),i("path",{d:"M56.6583 26.4724C57.2882 25.8425 58.3095 25.8425 58.9393 26.4724L64.1038 31.6369C64.7337 32.2668 64.7337 33.288 64.1038 33.9179L37.8303 60.1915L30.3848 52.746L56.6583 26.4724Z",fill:"#006FBB"}),i("path",{d:"M21.4724 43.8446C20.8425 43.2147 20.8425 42.1935 21.4724 41.5636L26.4689 36.5671C27.0988 35.9372 28.12 35.9372 28.7499 36.5671L45.1032 52.9204L37.8257 60.1979L21.4724 43.8446Z",fill:"#006FBB"})]})),i(G,{multiplier:10}),i(K,Object.assign({justify:"center"},{children:i(b,Object.assign({bold:!1,color:h.PRIMARY,onClick:t,type:"button",variant:p.FILLED},{children:r("onboarding:success.action")}))}))]}))},Pe=({isUpsEnabled:e,onStepComplete:i})=>{var t;const{error:r,isLoading:n,mutateAsync:s}=T(),{error:a,mutateAsync:o,isLoading:l,isSuccess:c}=w(),{data:d,isLoading:g,refetch:u}=I(),{data:m,refetch:p}=E(),b=null===(t=null==m?void 0:m[0])||void 0===t?void 0:t.fundingSourceId,h=null==d?void 0:d.some((e=>"stamps_com"===e.carrierCode&&"Free"!==e.nickname||"usps"===e.carrierCode)),f=null==d?void 0:d.some((e=>"ups"===e.carrierCode)),v=null==d?void 0:d.some((e=>"dhl_express_worldwide"===e.carrierCode));return{createFundingAndCarrierConnectionSubmissionHandler:({carrierProfiles:e,defaultWarehouse:t,email:r,fundingSourceTerms:n})=>({address:a,creditCard:l,iovationBlackbox:c})=>N(void 0,void 0,void 0,(function*(){try{const d=yield s({acceptedTerms:n.map((({termType:e,version:i})=>({termType:e,version:i}))),agreeToTerms:!0,billingInfo:Object.assign(Object.assign({},a),{company:a.companyName||"",email:r,fullName:a.name}),iovationBlackBox:c,paymentMethod:{creditCardInfo:Object.assign({},l)}});yield(({carrierProfiles:e,defaultWarehouse:i,email:t})=>(r,{address:n,iovationBlackbox:s})=>N(void 0,void 0,void 0,(function*(){try{const a=null!=n?n:i.originAddress;yield o({carriers:e.map((e=>({acceptedTerms:e.requiredTerms.map((({termType:e,version:i})=>({termType:e,version:i}))),agreeToTerms:!0,carrierCode:e.carrierCode,fundingSourceId:r,iovationBlackBox:s,pickupAddress:Object.assign(Object.assign({},a),{company:a.companyName||"",email:t,fullName:a.name,postalCode:10===a.postalCode.length?a.postalCode.slice(0,-5):a.postalCode})})))})}catch(e){}yield u()})))({carrierProfiles:e,defaultWarehouse:t,email:r})(d.fundingSource.fundingSourceId,{iovationBlackbox:c}),yield p(),i()}catch(e){}})),createFundingSourceErrors:r,fundingSourceId:b,hasDhl:v,hasStampsWallet:h,hasUps:f,isCreatingFundingSource:n,isLoadingCarriers:g,isRegisteringCarriers:l,isRegisteringCarriersSuccess:c,registerCarrierErrors:a}},He=V({iconTooltip:e=>({color:e.palette.secondary.main,display:"inline-block",marginLeft:e.spacing(1),verticalAlign:"middle"}),tooltipContainer:{maxWidth:"260px",textAlign:"left"},walletFormHeader:e=>({margin:e.spacing(4)}),walletFormTitle:{textAlign:"center"}}),ze=({address:t,createFundingSourceErrors:r,onSubmit:n,registerCarrierErrors:s})=>{const{t:a}=l(["common","register-wallet"]);return i(J,Object.assign({formHeader:e("div",Object.assign({css:He.walletFormHeader},{children:[e("div",Object.assign({css:He.walletFormTitle},{children:[i(m,Object.assign({variant:"heading4"},{children:a("register-wallet:sections.billing.title")})),i(G,{multiplier:2}),i(m,Object.assign({variant:"subtitle1"},{children:a("register-wallet:sections.billing.cardSubTitle")})),i(f,Object.assign({css:He.iconTooltip,icon:H.INFO_FILLED,placement:"auto",size:g.SIZE_MEDIUM},{children:e("div",Object.assign({css:He.tooltipContainer},{children:[i(m,Object.assign({bold:!0,variant:"small"},{children:a("register-wallet:sections.notifications.info.title")})),i(G,{multiplier:1}),i(m,Object.assign({variant:"small"},{children:a("register-wallet:sections.notifications.info.description")}))]}))}))]})),i(G,{multiplier:1}),!!(null==r?void 0:r.length)&&i(v,Object.assign({title:a("register-wallet:sections.notifications.error.title"),type:S.ERROR},{children:r.map((({message:e})=>e)).join(" ")})),!!(null==s?void 0:s.length)&&i(v,Object.assign({title:a("register-wallet:sections.notifications.error.title"),type:S.ERROR},{children:s.map((({message:e})=>e)).join(" ")}))]})),onSubmit:e=>N(void 0,void 0,void 0,(function*(){var{passengerData:i}=e,t=U(e,["passengerData"]);return yield n(Object.assign(Object.assign({},i),{address:t.originAddress}))}))},{children:i(ci,{address:t,onSubmit:n})}))},Ze=({defaultShipFromAddress:e,onSubmit:t})=>{const{t:r}=l();return i(J,Object.assign({formHeader:i("div",Object.assign({css:{textAlign:"center"}},{children:i(De,{subtitle:r("onboarding:warehouse.subtitle"),title:r("onboarding:warehouse.title")})})),onSubmit:e=>N(void 0,void 0,void 0,(function*(){var{passengerData:i}=e,r=U(e,["passengerData"]);return yield t(Object.assign(Object.assign({},r),i))}))},{children:i(Q,{onSubmit:t,shouldForceDefault:!0,submitButtonTitle:r("actions.continue"),useStrictSchema:!0,warehouse:e})}))},qe=z.object({agreement:z.literal(!0)}),$e=({carrierTerms:t,hideTerms:n,onSubmit:s})=>{const{t:a}=l(),[o,h]=r(!1),f=P({defaultValues:{agreement:n},resolver:B(qe)}),v=f.handleSubmit((e=>N(void 0,void 0,void 0,(function*(){s(e.agreement)}))));return e("form",Object.assign({css:_e.container,onSubmit:D.capture(v)},{children:[!n&&i("div",{children:i(q,{checkboxLabel:i(c,{components:{icon:i(d,{name:o?H.CHEVRON_TOP:H.CHEVRON_BOTTOM,size:g.SIZE_SMALL}),terms:i(u,{css:_e.expanderLink,"data-testid":"terms-link",onClick:e=>{e.preventDefault(),h((e=>!e))},role:"button"})},defaults:"I agree to the <terms>Terms of Service</terms>",i18nKey:"terms.agreeToTerms"}),control:f.control,"data-testid":"fields.agreement",label:a("terms.fields.agreement"),name:"agreement"})}),o&&e("div",Object.assign({css:_e.termsWell},{children:[e("div",{children:[i(m,Object.assign({variant:"heading4"},{children:a("terms.carriersTitle")})),t.map((e=>i($,{term:e},e.termType)))]}),i(K,Object.assign({justify:"end"},{children:i(b,Object.assign({onClick:()=>h(!1),variant:p.OUTLINED},{children:a("actions.close")}))}))]})),i(K,Object.assign({justify:"center"},{children:i(Y,Object.assign({alwaysRequireValidity:!0,control:f.control,"data-testid":"actions.continue",variant:p.FILLED},{children:a("actions.continue")}))}))]}))},Ge=V({carrierLogos:e=>({display:"flex",flexDirection:"row",gap:e.spacing(4),justifyContent:"center",padding:`${e.spacing(3)}px 0`}),container:e=>({alignItems:"center",display:"flex",flexDirection:"column",paddingBottom:e.spacing(8),paddingTop:e.spacing(2),textAlign:"center"}),fullWidth:{width:"100%"}}),Ke=({carrierCodes:t,carrierTerms:r,onSubmit:n})=>{const{t:s}=l(),a=me(),o=0===r.length;return e("div",Object.assign({css:Ge.container,"data-testid":"terms-agreement-step"},{children:[i(De,{subtitle:s(o?"register-wallet:sections.setup.hiddenTermsSubtitle":"register-wallet:sections.setup.subtitle"),title:s("register-wallet:sections.setup.title")}),i("div",Object.assign({css:Ge.carrierLogos},{children:t.map((e=>{var t;return i(Ee,{carrierCode:e,carrierName:null!==(t=a[e].name)&&void 0!==t?t:e,size:"xl"},e)}))})),i("div",Object.assign({css:Ge.fullWidth},{children:i($e,{carrierTerms:r,hideTerms:o,onSubmit:n})}))]}))},Ye=V({container:e=>({padding:e.spacing(2)}),step:{"& > span:last-child":{position:"static"}}}),Je=({defaultShipFromAddress:o,onComplete:c,partnerName:d})=>{var g;const{t:u}=l(),{globalFeatures:m}=X(),p=null!==(g=m.enabledShipEngineCarriers)&&void 0!==g?g:[],b=p.includes("ups_walleted"),[h,f]=s((e=>e+1),0),{email:v,handleSubmitAccountRegistration:S}=(({onStepComplete:e})=>{const[i,t]=r();return{email:i,handleSubmitAccountRegistration:i=>{t(i),e()}}})({onStepComplete:f}),{carrierCodes:C,carrierProfiles:y,carrierTerms:L,fundingSourceTerms:x,fundingSourceMetadata:T,handleSubmitTermsAgreement:w}=(({enabledCarriers:e,onStepComplete:i})=>{var t,r,n;const s=W(),a=null===(t=s.data)||void 0===t?void 0:t.defaultFundingSourceProfile.requiredTerms,o=null===(r=s.data)||void 0===r?void 0:r.defaultRegionProfile.carrierProfiles.filter((i=>e.includes(i.carrierCode)));return{carrierCodes:null==o?void 0:o.map((e=>e.carrierCode)),carrierProfiles:o,carrierTerms:null===(n=s.data)||void 0===n?void 0:n.defaultRegionProfile.carrierProfiles.flatMap((i=>e.includes(i.carrierCode)?i.requiredTerms:[])),fundingSourceMetadata:s,fundingSourceTerms:a,handleSubmitTermsAgreement:()=>{i()}}})({enabledCarriers:p,onStepComplete:f}),{defaultWarehouse:I,handleSubmitShipFromAddress:E,isLoadingWarehouses:k}=(({onStepComplete:e})=>{const{data:i,isLoading:t,refetch:r}=F(),{mutateAsync:s}=A();return{defaultWarehouse:n((()=>{var e;return null!==(e=null==i?void 0:i.find((e=>e.isDefault)))&&void 0!==e?e:null==i?void 0:i[0]}),[i]),handleSubmitShipFromAddress:i=>N(void 0,void 0,void 0,(function*(){try{yield s(i),yield r(),e()}catch(e){}})),isLoadingWarehouses:t}})({onStepComplete:f}),{createFundingSourceErrors:R,createFundingAndCarrierConnectionSubmissionHandler:_,isCreatingFundingSource:V,isLoadingCarriers:B,isRegisteringCarriers:D,isRegisteringCarriersSuccess:U,registerCarrierErrors:M}=Pe({isUpsEnabled:!!b,onStepComplete:f}),P=a(null),H=[{component:()=>i(Ue,{onSubmit:S,partnerName:d}),label:u("onboarding:stepLabel.accountRegistration")},{component:()=>{if(T.isLoading)return i(ee,{message:u("loading.fundingSourceMetadata")});if(T.error)throw new Error(u("errorMessages.unableToLoad.fundingSourceMetadata"));return ue(C&&L&&x,"TermsAgreementStep failed assertion."),i(Ke,{carrierCodes:C,carrierTerms:C.includes("stamps_com")?[...x,...L]:L,onSubmit:w})},label:u("onboarding:stepLabel.termsAgreement")},{component:()=>i(Ze,{defaultShipFromAddress:o,onSubmit:E}),label:u("onboarding:stepLabel.shipFromAddress")},{component:()=>B?i(ee,{message:u("loading.carriers")}):k?i(ee,{message:u("loading.warehouses")}):V?i(ee,{message:u("loading.creatingFundingSource")}):D||U?i(ee,{message:u("loading.connectingCarriers")}):(ue(y&&I&&v&&x,"FundingAndCarrierConnectionStep failed assertion."),i(ze,{address:I.originAddress,createFundingSourceErrors:R,onSubmit:_({carrierProfiles:y,defaultWarehouse:I,email:v,fundingSourceTerms:x}),registerCarrierErrors:M})),label:u("onboarding:stepLabel.fundingAndCarrierConnection")},{component:()=>i(Me,{onContinue:c}),label:u("onboarding:steps.complete")}];return e("div",Object.assign({css:Ye.container,ref:P},{children:[i(O,Object.assign({currentStep:h+1},{children:H.slice(0,-1).map((e=>i(j,{css:Ye.step,label:e.label},e.label)))})),H[h].component(),m.poweredByShipEngine&&e(t,{children:[i(G,{}),i(ie,{})]})]}))},Qe=({defaultShipFromAddress:e,onComplete:t,partnerName:r})=>i(Je,{defaultShipFromAddress:e,onComplete:t,partnerName:r}),Xe=pe(Qe,te,{css:{height:"100%",maxWidth:"800px",minWidth:"440px",overflow:"auto",scrollbarGutter:"stable both-edges",width:"100%"},resources:{en:be}});var ei=Object.freeze({__proto__:null,Component:Qe,Element:Xe});const ii=({_multiplexedId:e})=>{const{data:i}=k({externalOrderId:"externalOrderId"in e?e.externalOrderId:void 0,externalOrderNumber:"externalOrderNumber"in e?e.externalOrderNumber:void 0}),{data:t}=R({salesOrderIds:"salesOrderId"in e?[e.salesOrderId]:(null==i?void 0:i[0].salesOrderId)?[i[0].salesOrderId]:void 0}),s=We("pending",t),a="shipmentId"in e?e.shipmentId:s?s.shipmentId:void 0,{data:{labels:l=[]}={}}=_({shipmentId:a}),c=n((()=>null==l?void 0:l.find((e=>"completed"===e.status))),[l]),[d,g]=r(a),[u,m]=r(null==c?void 0:c.labelId),[p,b]=r(!1),h=o((e=>{b(!1),m(e)}),[]);return{isVoidingLabel:p,labelId:null!=u?u:null==c?void 0:c.labelId,multiplexedId:e,setIsVoidingLabel:b,setLabelId:h,setShipmentId:g,shipmentId:null!=d?d:a}};var ti=Object.freeze({__proto__:null,useLabelWorkflow:ii,Element:({multiplexedId:e,features:t,callbacks:r})=>{const{labelId:n,multiplexedId:s,isVoidingLabel:a,shipmentId:o,setLabelId:l,setShipmentId:c,setIsVoidingLabel:d}=ii({_multiplexedId:e});return n?a?i(ve,{labelId:n,onComplete:()=>{d(!1)},onViewShipment:()=>{d(!1)}}):i(fe,{features:t,onClickPurchaseLabel:()=>{l(void 0)},onClickVoidLabel:()=>{d(!0)},shipmentId:o}):i(he,Object.assign({},s,{features:t,onLabelCreateSuccess:(e,i)=>{var t;l(e.labelId),c(i.shipmentId),null===(t=null==r?void 0:r.onLabelCreateSuccess)||void 0===t||t.call(r,e,i)},onLoad:(e,i,t)=>{i.length>0&&c((e=>void 0!==e?e:i[0].shipmentId))}}))}});const ri=({features:t})=>{const{t:r}=l(),{globalFeatures:n,getFeatures:s}=X(),a=s("accountSettingsFeatures");t=Object.assign(Object.assign({},a),null!=t?t:{});const{getSettingPanelProps:o}=(()=>{const{t:e}=l(),i=Se(),{updateWarehouseErrors:t,createWarehouseErrors:r,deleteWarehouseErrors:n,isCreatingWarehouse:s,isDeletingWarehouse:a,isUpdatingWarehouse:o}=i,c=U(i,["updateWarehouseErrors","createWarehouseErrors","deleteWarehouseErrors","isCreatingWarehouse","isDeletingWarehouse","isUpdatingWarehouse"]),d=Oe(),{updateLabelLayoutErrors:g,isUpdatingLabelLayout:u}=d,m=U(d,["updateLabelLayoutErrors","isUpdatingLabelLayout"]),p=je(),{isUpdatingUnitSettings:b,updateUnitSettingsErrors:h}=p,f=U(p,["isUpdatingUnitSettings","updateUnitSettingsErrors"]),v=[...null!=t?t:[],...null!=r?r:[],...null!=n?n:[]];return{getSettingPanelProps:i=>{switch(i){case"CarrierServices":return[{title:e("account-settings:sections.carriers")}];case"ExternalCarriers":return[{title:e("account-settings:sections.externalCarriers")}];case"ManageWarehouses":return[{errors:v,isSaving:s||a||o,title:e("account-settings:sections.warehouses")},Object.assign({},c)];case"LabelLayout":return[{errors:g,isSaving:u,title:e("account-settings:sections.labelLayout")},Object.assign({},m)];case"UnitSettings":return[{errors:h,isSaving:b,title:e("account-settings:sections.unitSettings")},Object.assign({},f)];case"VatSettings":return[{title:e("account-settings:sections.vatSettings")}];default:return[]}}}})(),c=Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},t.showCarrierServices?{CarrierServices:Ce}:{}),t.showExternalCarriers?{ExternalCarriers:ye}:{}),t.showManageWarehouses?{ManageWarehouses:Le}:{}),t.showLabelLayout?{LabelLayout:xe}:{}),t.showUnitSettings?{UnitSettings:Te}:{}),d=n.showVatSettings&&t.showVatSettings?Object.assign(Object.assign({},c),{VatSettings:oi}):c;return e(we,{children:[i(m,Object.assign({css:e=>({color:e.palette.gray.main,fontWeight:e.typography.fontWeight.bold,paddingLeft:e.spacing(4)}),"data-testid":"account-settings",variant:"heading3"},{children:r("account-settings:title")})),i(G,{multiplier:1}),Object.keys(d).map(((e,t)=>{const[r,n]=o(e),s=d[e];return ke(re,Object.assign({},r,{key:t}),i(s,Object.assign({},n)))})),i("div",Object.assign({css:e=>({padding:`${e.spacing(1)}px 0`})},{children:i(ie,{})}))]})},ni=pe(ri,te,{css:{height:"100%",maxWidth:"800px",minWidth:"440px",width:"100%"},resources:{en:be}});var si=Object.freeze({__proto__:null,Component:ri,Element:ni});const ai=V({addVatSection:e=>({alignItems:"center",display:"flex",justifyContent:"space-between",paddingBottom:e.spacing()}),buttonIcon:e=>({marginLeft:e.spacing()}),infoIcon:e=>({color:e.palette.secondary.main}),registrationText:e=>({alignItems:"center",display:"flex",gap:e.spacing(),minHeight:e.spacing(5),width:"100%"}),tooltipContainer:e=>({maxWidth:"200px"}),vatText:e=>({alignItems:"center",display:"flex",gap:e.spacing()})}),oi=({showRegisterLaterText:r=!1})=>{const{t:n}=l(),[s,a]=Re(!1),{vatSettings:o}=ne(),c=null==o?void 0:o.taxIdentifier;return e(t,{children:[e("section",Object.assign({css:ai.addVatSection},{children:[e("div",Object.assign({css:ai.registrationText},{children:[i(m,{children:n("vat-settings:vatNumber")}),i(f,Object.assign({css:ai.infoIcon,icon:H.INFO_FILLED,placement:"auto",size:g.SIZE_MEDIUM},{children:i("div",Object.assign({css:ai.tooltipContainer},{children:i(m,Object.assign({component:"small",variant:"small"},{children:n("vat-settings:vatRegistrationTooltip")}))}))}))]})),!c&&i(K,Object.assign({justify:"end"},{children:i(se,{icon:"add",isDisabled:s,onClick:a,role:"button",title:n("vat-settings:addNew")})}))]})),c&&e("section",Object.assign({css:ai.vatText},{children:[i(m,Object.assign({bold:!0},{children:c})),i(C,Object.assign({color:y.SUCCESS},{children:n("vat-settings:verifiedVat")}))]})),s&&i(ae,{onCancel:a,onSuccess:a,showRegisterLaterText:r})]})},li=V({centeredText:()=>({textAlign:"center"}),grid:e=>({margin:e.spacing(4)})}),ci=({address:n,errors:s,onSubmit:a})=>{const{t:c}=l(["register-wallet","common"]),d=M(n),{validateAddress:g}=oe(),[u,b]=r(s),{globalFeatures:h}=X(),f=P({defaultValues:d?{address:{countryCode:"US"}}:{address:Object.assign(Object.assign({},n),{countryCode:n.countryCode})},resolver:B(le("emailOptional"))}),O=f.setValue;Fe({onError:o((()=>{b((e=>[...null!=e?e:[],{errorCode:"unspecified",errorSource:"client",errorType:"unknown",message:c("register-wallet:sections.notifications.blackBox.description")}]))}),[c]),onSuccess:o((e=>O("iovationBlackbox",e)),[O])});const j=f.watch("address"),C=f.handleSubmit((e=>N(void 0,void 0,void 0,(function*(){const i=e;yield g({addresses:{originAddress:i.address},data:{creditCard:i.creditCard},onValid:e=>N(void 0,void 0,void 0,(function*(){yield a({address:e.originAddress,creditCard:i.creditCard,iovationBlackbox:i.iovationBlackbox})}))})})))),[y,T,w]=Ae(Ie,{address:j,formId:"edit-address-form",onSubmit:e=>N(void 0,void 0,void 0,(function*(){return f.setValue("address",Object.assign({},e))}))});return e(L,Object.assign({css:li.grid,noPadding:!0},{children:[i(x,Object.assign({colSpan:12},{children:e("form",Object.assign({id:"wallet-form",onSubmit:D.capture(C)},{children:[i(x,Object.assign({colSpan:12},{children:!!(null==u?void 0:u.length)&&i(v,Object.assign({title:c("register-wallet:sections.notifications.error.title"),type:S.ERROR},{children:u.map((({message:e})=>e)).join(" ")}))})),i(x,Object.assign({colSpan:12},{children:i(ce,{form:f})})),i(x,Object.assign({colSpan:12},{children:i(m,Object.assign({css:li.centeredText,variant:"subtitle1"},{children:c("register-wallet:sections.billing.addressSubTitle")}))})),e(t,d?{children:[i(x,Object.assign({colSpan:12},{children:i(v,Object.assign({title:c("register-wallet:sections.notifications.poBox.title"),type:S.INFO},{children:c("register-wallet:sections.notifications.poBox.description")}))})),i(x,Object.assign({colSpan:12},{children:i(de,{form:f,formatFieldName:e=>`address.${e}`,optionalFields:["addressLine2","email"]})}))]}:{children:[i(x,Object.assign({colSpan:12},{children:i(ge,{address:f.getValues("address"),onEdit:T?void 0:()=>w()})})),i(x,Object.assign({colSpan:12},{children:y}))]})]}))})),h.showVatSettings&&e(x,Object.assign({colSpan:12},{children:[i(m,Object.assign({css:li.centeredText,variant:"subtitle1"},{children:c("register-wallet:sections.vatSettings.title")})),i(oi,{showRegisterLaterText:!0})]})),i(x,Object.assign({colSpan:12},{children:i(K,Object.assign({justify:"center"},{children:i(Y,Object.assign({control:f.control,form:"wallet-form",variant:p.FILLED},{children:c("actions.continue")}))}))}))]}))};export{si as a,ti as l,ei as o};