https://shop.motorolasolutions.com/storefront/occ-public/esm/min/component-30ce3448.js

1import{_ as e}from"./_rollupPluginBabelHelpers-927c6dd0.js";import{L as t,be as a,R as n,j as o,bf as r}from"./client-c7cf1e30.js";import{p as i,S as s}from"./index-6b1ab753.js";import{c}from"./index-fbaff3ff.js";import{f as l,u as d}from"./hook-b5d76afb.js";import{S as m}from"./contexts-1fa00dc9.js";import{R as u}from"./index-0bb50697.js";import{F as p}from"./index-65998c4f.js";import{E as g}from"./email-dfd28f90.js";import{C as A}from"./index-ef475590.js";import{L as C}from"./index-07b23185.js";import{b}from"./page-links-4b162335.js";import{D as E}from"./index-aa6b6cae.js";import{A as x}from"./index-52e1e70d.js";import"./factory-a23d836a.js";import"./styles-9d4c2bf6.js";import"./constants-2690fd43.js";import"./index-9f6df208.js";import"./dropdown-arrow-4559c9fa.js";import"./check-66306448.js";import"./info-78a2eff7.js";import"./warning-ce84a560.js";const h=e=>{const[o,r]=t.exports.useState(!1),[i,s]=t.exports.useState(!1),{labelEmailUpdates:c,labelRequesterComments:l,labelForGdpr:d,textLogIn:m,labelRequestAnAccount:u}=e,p=a();return n.createElement(n.Fragment,null,n.createElement("div",null,n.createElement("label",{htmlFor:"AccountAndContactRegistration__comments"},l),n.createElement("textarea",{maxLength:"1024",id:"AccountAndContactRegistration__comments",name:"requesterComments",autoCapitalize:"sentences"})),n.createElement("div",null,n.createElement("p",null,n.createElement(A,{name:"profile[receiveEmail]",checked:i,id:`receive-email-${p}`,onChange:e=>{s(e.target.checked)},value:i?"yes":"no",labelText:c}))),n.createElement("div",null,n.createElement("p",null,n.createElement(A,{name:"profile[GDPRProfileP13nConsentGranted]",checked:o,id:`gdpr-preference-${p}`,onChange:e=>{r(e.target.checked)},value:o,labelText:d}))),n.createElement("div",null,n.createElement("button",{type:"submit"},u),n.createElement(C,{href:b,className:"AccountAndContactRegistration__LinkToLogin"},m)))},R=e=>{const{labelFirstName:t,labelLastName:o,labelEmail:r,labelAccountID:i,onOk:s,onNotOk:c}=e,l=a();return n.createElement(n.Fragment,null,n.createElement(p,{action:"createContactRegistrationRequest",onNotOk:c,onOk:s,noValidate:!0},n.createElement("div",{className:"AccountAndContactRegistration__Row"},n.createElement("p",{className:"AccountAndContactRegistration__Col"},n.createElement("label",{htmlFor:`${t}-${l}`},t),n.createElement("input",{"aria-label":t,id:`${t}-${l}`,name:"profile[firstName]",type:"text",required:!0,autoCapitalize:"words",autoComplete:"given-name",maxLength:"254","data-testid":"Contact-firstName"}),n.createElement("span",{className:"validationMessage"})),n.createElement("p",{className:"AccountAndContactRegistration__Col"},n.createElement("label",{htmlFor:`${o}-${l}`},o),n.createElement("input",{"aria-label":o,id:`${o}-${l}`,name:"profile[lastName]",type:"text",required:!0,autoCapitalize:"words",autoComplete:"family-name",maxLength:"254","data-testid":"Contact-lastName"}),n.createElement("span",{className:"validationMessage"}))),n.createElement("div",{className:"AccountAndContactRegistration__Row"},n.createElement("p",{className:"AccountAndContactRegistration__Col AccountAndContactRegistration_EmailField"},n.createElement("label",{htmlFor:`${r}-+${l}`},r),n.createElement(g,{className:"AccountAndContactRegistration_EmailIcon"}),n.createElement("input",{"aria-label":r,type:"email",id:`${r}-+${l}`,name:"profile[email]",required:!0,maxLength:"254","data-testid":"Contact-email"}),n.createElement("span",{className:"validationMessage"})),n.createElement("p",{className:"AccountAndContactRegistration__Col"},n.createElement("label",{htmlFor:`${i}-${l}`},i),n.createElement("input",{"aria-label":i,id:`${i}-${l}

1`,name:"requestedOrganization[id]",type:"text",required:!1,"data-testid":"Contact-organizationId"}),n.createElement("span",{className:"validationMessage"}))),n.createElement(h,e)))};R.propTypes={onOk:i.exports.string.isRequired,onNotOk:i.exports.string.isRequired};const _=({translations:e,shippingCountries:r={},defaultState:i="US",companyName:s})=>{const[c,l]=t.exports.useState(i),[d,m]=t.exports.useState([]),[u,p]=t.exports.useState(""),{labelCountry:g,labelZipCode:A,labelState:C,labelStreetAddress1:b,labelStreetAddress2:x,labelCityTown:h,labelPhoneNumber:R,textCompanyAddressOptional:_}=e;t.exports.useEffect((()=>{Object.keys(r).length&&r[c]&&m(r[c].regions)}),[r,c]);const y=(e,t,a)=>[].concat(Object.values(e)||[]).sort(((e,t)=>e[a]>t[a]?1:-1)).map((e=>n.createElement("option",{value:e[t],key:e[t],"aria-label":e[a]},e[a])));return n.createElement(n.Fragment,null,n.createElement("hr",null),n.createElement("div",null,n.createElement("p",{className:"AccountAndContactRegistration_BoldText"},_),n.createElement("div",{className:"AccountAndContactRegistration__Row"},n.createElement(E,{className:"AccountAndContactRegistration__Col",label:g,id:`${g}-${a()}`,name:"organization[secondaryAddresses[0[address[country]]]]",onChange:e=>{l(e.target.value),o(r[e.target.value])&&m([])},value:c,required:!0,autoComplete:"country-name","data-testid":"Account-countryName"},n.createElement("option",{value:"",key:"Select Country"},"Select Country"),o(r)?n.createElement("option",{value:"",key:"loading Country"},"Loading..."):y(r,"countryCode","displayName")),n.createElement("div",{className:"AccountAndContactRegistration__Col AccountAndContactRegistration__ZipAndState"},n.createElement("p",{className:"AddressInput__ZipCodeFlexItem"},n.createElement("label",{htmlFor:`${A}-${a}`},A),n.createElement("input",{"aria-label":A,id:`${A}-${a}`,name:"organization[secondaryAddresses[0[address[postalCode]]]]",type:"text",maxLength:"10",autoComplete:"postal-code","data-testid":"Account-zipCode"}),n.createElement("span",{className:"validationMessage"})),n.createElement(E,{className:"AddressInput__StateFlexItem",label:C,id:`${C}-${a()}`,name:"organization[secondaryAddresses[0[address[state]]]]",onChange:e=>{p(e.target.value)},value:u,autoComplete:"address-level1","data-testid":"Account-state"},n.createElement("option",{value:"",key:"Select Country"},"Select State"),o(r)?n.createElement("option",{value:"",key:"loading state"},"Loading..."):y(d,"abbreviation","displayName")))),n.createElement("div",{className:"AccountAndContactRegistration__Row"},n.createElement("p",{className:"AccountAndContactRegistration__Col"},n.createElement("label",{htmlFor:`${b}-${a}`},b),n.createElement("input",{"aria-label":b,id:`${b}-${a}`,name:"organization[secondaryAddresses[0[address[address1]]]]",type:"text",required:!1,autoCapitalize:"words",maxLength:"254",autoComplete:"street-address","data-testid":"Account-streetAddress1"}),n.createElement("span",{className:"validationMessage"})),n.createElement("p",{className:"AccountAndContactRegistration__Col"},n.createElement("label",{htmlFor:`${x}-${a}`},x),n.createElement("input",{"aria-label":x,id:`${x}-${a}`,name:"organization[secondaryAddresses[0[address[address2]]]]",type:"text",required:!1,autoCapitalize:"words",maxLength:"254","data-testid":"Account-streetAddress2"}),n.createElement("span",{className:"validationMessage"}))),n.createElement("div",{className:"AccountAndContactRegistration__Row"},n.createElement("p",{className:"AccountAndContactRegistration__Col"},n.createElement("label",{htmlFor:`${h}-${a}`},h),n.createElement("input",{"aria-label":h,id:`${h}-${a}`,name:"organization[secondaryAddresses[0[address[city]]]]",type:"text",required:!1,autoCapitalize:"words",autoComplete:"address-level2",maxLength:"254","data-testid":"Account-city"}),n.createElement("span",{className:"validationMessage"})),n.createElement("p",{className:"AccountAndContactRegistration__Col"},n.createElement("label",{htmlFor:`${R}-${a}`},R),n.createElement("input",{"aria-label":R,id:`${R}-${a}`,name:"organization[secondaryAddresses[0[address[phoneNumber]]]]",type:"tel",required:!1,autoComplete:"tel",maxLength:"15","data-testid":"Account-phoneNumber"}),n.createElement("span",{className:"validationMessage"}))),n.createElement("input",{type:"hidden",name:"organization[secondaryAddresses[0[address[companyName]]]]",value:s})),n.createElement("hr",null))},y=e=>{const{onOk:o,onNotOk:r,shippingCountries:i={}}=e,{labelFirstName:s,labelLastName:c,labelEmail:l,labelCompanyName:d,existingAccount:m}=e,[u,A]=t.exports.useState("companyName"),C=a();return n.createElement(n.Fragment,null,n.createElement(p,{action:"createOrganizationRegistrationRequest",onOk:o,onNotOk:r,noValidate:!0},n.createElement("div",{className:"AccountAndContactRegistration__Row"},n.createElement("p",{className:"AccountAndContactRegistration__Col"},n.createElement("label",{htmlFor:`${s}-${C}`},s),n.createElement("input",{"aria-label":s,id:`${s}-${C}`,name:"profile[firstName]",type:"text",required:!0,autoCapitalize:"words",autoComplete:"given-name",maxLength:"254","data-testid":"Account-firstName"}),n.createElement("span",{className:"validationMessage"})),n.createElement("p",{className:"AccountAndContactRegistration__Col"},n.createElement("label",{htmlFor:`${c}-${C}`},c),n.createElement("input",{"aria-label":c,id:`${c}-${C}`,name:"profile[lastName]",type:"text",required:!0,autoCapitalize:"words",autoComplete:"family-name",maxLength:"254","data-testid":"Account-lastName"}),n.createElement("span",{className:"validationMessage"}))),n.createElement("div",{className:"AccountAndContactRegistration__Row"},n.createElement("p",{className:"AccountAndContactRegistration__Col AccountAndContactRegistration_EmailField"},n.createElement("label",{htmlFor:`labelEmail-+${C}`},l),n.createElement(g,{className:"AccountAndContactRegistration_EmailIcon"}),n.createElement("input",{"aria-label":l,type:"email",id:`labelEmail-+${C}`,name:"profile[email]",required:!0,maxLength:"254","data-testid":"Account-email"}),n.createElement("span",{className:"validationMessage"})),n.createElement("p",{className:"AccountAndContactRegistration__Col"},n.createElement("label",{htmlFor:`${d}-${C}`},d),n.createElement("input",{"aria-label":d,id:`${d}-${C}`,name:"name",type:"text",required:!0,onChange:e=>{A(e.target.value)},autoCapitalize:"words",autoComplete:"organization",maxLength:"254","data-testid":"Account-companyName"}),n.createElement("span",{className:"validationMessage"}))),n.createElement("div",{className:"AccountAndContactRegistration__Row"},n.createElement("p",{className:"AccountAndContactRegistration__SingleColumn"},n.createElement("label",{htmlFor:`${m}-${C}`},m),n.createElement("input",{"aria-label":m,id:`${m}-${C}`,name:"relatedOrganizationName",type:"text",required:!1,autoCapitalize:"words",maxLength:"254","data-testid":"Account-relatedOrg"}),n.createElement("span",{className:"validationMessage"}))),n.createElement(_,{companyName:u,shippingCountries:i,translations:e}),n.createElement(h,e)))};y.propTypes={onOk:i.exports.func.isRequired,onNotOk:i.exports.func.isRequired,shippingCountries:i.exports.arrayOf(i.exports.shape({country:i.exports.shape({repositoryId:i.exports.string.isRequired,displayName:i.exports.string.isRequired,countryCode:i.exports.string.isRequired}),regions:i.exports.shape({items:i.exports.shape({repositoryId:i.exports.string.isRequired,regionCode:i.exports.string.isRequired,abbreviation:i.exports.string.isRequired,displayName:i.exports.string.isRequired})}),repositoryId:i.exports.string.isRequired}))},y.defaultProps={shippingCountries:{}};const N=[l],f=a=>{const r=t.exports.useContext(m),[i,c]=t.exports.useState({success:null,message:null});d(r);const[l,p]=t.exports.useState(!1),{labelsRequestAccountRadioGroupText:g,labelsContactRegistration:A,labelAccountRegistration:C,textSuccessfulRegistration:b,pageHeaderRequestAccount:E,textRequestAccountInfo:h,textSuccessfulRegistrationPart2:_,shippingCountries:N={}}=a,f=t.exports.useCallback((()=>{c({...i,success:!0,message:null}),window.scrollTo(0,0)}),[i]),v=t.exports.useCallback((e=>{c({...i,success:!1,message:e.error.message}),window.scrollTo(0,0)}),[i]);return n.createElement(s,{id:"AccountAndContactRegistration",css:".AccountAndContactRegistration{dis

1play:flex;flex-direction:column;font-size:1rem;font-size:var(--cc-font-size);padding:0 .5rem;padding:0 var(--cc-container-padding)}.AccountAndContactRegistration button,.AccountAndContactRegistration input{width:100%}.AccountAndContactRegistration_BoldText{font-weight:500}.AccountAndContactRegistration_paragraph{margin-bottom:.5rem;margin-top:0}.AccountAndContactRegistration_Checked_label{font-weight:500;padding-bottom:.25rem}.AccountAndContactRegistration__ZipAndState{display:flex}.AddressInput__ZipCodeFlexItem{margin-right:.5em;width:35%}.AddressInput__StateFlexItem{margin-top:1em;width:65%}.AccountAndContactRegistration_EmailField{position:relative}.AccountAndContactRegistration_EmailField .Icon{height:1rem}.AccountAndContactRegistration_EmailIcon{position:absolute;right:.6rem;top:2.7rem}.AccountAndContactRegistration textarea{height:125px;width:100%}.AccountAndContactRegistration hr{border:1px solid #fff;border-top:1px solid #cdd2d6;border:1px solid var(--cc-background-color);border-top-color:var(--cc-border-color);width:98.7%}.AccountAndContactRegistration_SelectionChoice{margin-bottom:.7rem;margin-top:.2em}@media only screen and (min-width:768px){.AccountAndContactRegistration{width:100%}.AccountAndContactRegistration__Row{display:flex;flex-direction:row;margin-top:0;width:100%}.AccountAndContactRegistration__Row p{margin-bottom:.5rem;margin-top:0}.AccountAndContactRegistration__Col{margin-right:.7rem;width:50%}.AccountAndContactRegistration__SingleColumn{margin-right:.5rem;width:49%}.AccountAndContactRegistration textarea{height:125px;width:99.2%}.AddressInput__StateFlexItem{margin-top:0;width:65%}hr{margin-left:0;width:43.7em}.AccountAndContactRegistration__Col.Dropdown{width:50%}}.AccountAndContactRegistration>form>div{margin-bottom:2em;margin-top:1em}.AccountAndContactRegistration button{margin-bottom:1em}.AccountAndContactRegistration__LinkToLogin{background:#fff;background:var(--cc-secondary-button-background-color);background-image:linear-gradient(180deg,#fff,#f2f4f7);background-image:linear-gradient(to bottom,var(--cc-secondary-button-background-color),var(--cc-secondary-button-background-gradient-color));border:1px solid transparent;border-radius:4px;border-radius:var(--cc-border-radius);box-shadow:inset 0 0 0 .05em #ddd;box-shadow:var(--cc-secondary-button-box-shadow);color:#4a4a4a;color:var(--cc-secondary-button-color);display:block;font-weight:600;margin-bottom:1em;padding:.5em 1em;text-align:center;text-transform:unset}.AccountAndContactRegistration__LinkToLogin:focus,.AccountAndContactRegistration__LinkToLogin:hover{background:#fff;background:var(--cc-secondary-button-background-color);background-image:linear-gradient(180deg,#fff,#f6f6f6);background-image:linear-gradient(to bottom,var(--cc-secondary-button-background-color),var(--cc-secondary-button-background-gradient-hover-color));box-shadow:inset 0 0 0 .05em #ddd;box-shadow:var(--cc-secondary-button-box-shadow);color:#4a4a4a;color:var(--cc-secondary-button-color);text-decoration:none}.AccountAndContactRegistration--hidden{display:none}"},n.createElement("div",{className:"AccountAndContactRegistration"},n.createElement("h1",null,E),!1===i.success?n.createElement(x,{id:"Alert",type:"error",message:null!==i.message?i.message:"Something went wrong"}):null,!0===i.success?n.createElement("div",null,n.createElement(x,{id:"Alert",type:"info",message:b+_})):n.createElement(n.Fragment,null,n.createElement("div",null,n.createElement("p",null,h)),n.createElement("div",{role:"group"},n.createElement("p",{className:"AccountAndContactRegistration_BoldText AccountAndContactRegistration_paragraph"},g),n.createElement("div",null,n.createElement(u,{onChange:()=>{p(!1),c({success:null,message:null})},id:"contact-registration",name:"registration-choice",value:"contact-registration",checked:!l,labelText:A,className:l?"":"AccountAndContactRegistration_Checked_label"})),n.createElement("div",{className:"AccountAndContactRegistration_SelectionChoice"},n.createElement(u,{onChange:()=>{p(!0),c({success:null,message:null})},id:"account-registration",name:"registration-choice",value:"account-registration","data-testid":"account-registration",checked:l,labelText:C,className:l?"AccountAndContactRegistration_Checked_label":"",disabled:o(N)})),n.createElement("div",{className:""+(l?"":"AccountAndContactRegistration--hidden")},n.createElement(y,e({shippingCountries:N,onOk:f,onNotOk:v},a))),n.createElement("div",{className:""+(l?"AccountAndContactRegistration--hidden":"")},n.createElement(R,e({onOk:f,onNotOk:v},a)))))))};f.propTypes={shippingCountries:i.exports.arrayOf(i.exports.shape({country:i.exports.shape({repositoryId:i.exports.string.isRequired,displayName:i.exports.string.isRequired,countryCode:i.exports.string.isRequired}),regions:i.exports.shape({items:i.exports.shape({repositoryId:i.exports.string.isRequired,regionCode:i.exports.string.isRequired,abbreviation:i.exports.string.isRequired,displayName:i.exports.string.isRequired})}),repositoryId:i.exports.string.isRequired}))},f.defaultProps={shippingCountries:{}};var v=c((e=>({shippingCountries:r(e)})))(f);export{v as default,N as fetchers};
2//# sourceMappingURL=component-30ce3448.js.map