https://ping.com/_next/static/chunks/979.b2b0d6beabefe10b.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[979],{15745:e=>{e.exports={"form-group":"RegionField_form-group__hQhBA",dropdown:"RegionField_dropdown__K3WCa"}},16283:(e,s,a)=>{"use strict";a.d(s,{t:()=>i});var r=a(37876),l=a(60199),t=a(52742),n=a(38155),c=a.n(n);let i=({register:e,defaultShipping:s=!0,defaultBilling:a=!0})=>{let{t:n}=(0,l.Bd)(["account"]),{addresses:i}=(0,t.J)({revalidateOnFocus:!1});return i.length?(0,r.jsxs)("div",{className:c()["default-address-selection-container"],children:[a&&(0,r.jsx)("div",{className:"form-group",children:(0,r.jsxs)("div",{className:"checkbox-container",children:[(0,r.jsx)("input",{type:"checkbox",...e("default_billing"),className:"form-checkbox",id:"default_billing"}),(0,r.jsx)("label",{className:"label",htmlFor:"default_billing",children:n("account||addressform|Use as my default billing address")})]})}),s&&(0,r.jsx)("div",{className:"form-group",children:(0,r.jsxs)("div",{className:"checkbox-container",children:[(0,r.jsx)("input",{type:"checkbox",...e("default_shipping"),className:"form-checkbox",id:"default_shipping"}),(0,r.jsx)("label",{className:"label",htmlFor:"default_shipping",children:n("account||addressform|Use as my default shipping address")})]})})]}):null}},48087:e=>{e.exports={"form-group":"CountryField_form-group___keHq"}},90979:(e,s,a)=>{"use strict";a.r(s),a.d(s,{default:()=>k});var r=a(37876),l=a(14232),t=a(58103),n=a.n(t),c=a(88992),i=a(49839),o=a(60199),d=a(8508),u=a(15033),m=a(48087),h=a.n(m);let p=({countryCode:e,register:s,fieldIdPrefix:a=""})=>{let{t:l}=(0,o.Bd)(["account"]),{countries:t,isLoading:n}=(0,u.o)({revalidateOnFocus:!1});return n?(0,r.jsx)("div",{children:l("account||addressform|Loading...")}):(0,r.jsxs)("div",{className:h()["form-group"],children:[(0,r.jsx)("div",{className:h().dropdown}),(0,r.jsx)("select",{id:`${a}country`,className:"form-select",defaultValue:e||"US",...s("country_code",{required:!0}),children:t?.map((e,s)=>(0,r.jsx)("option",{value:e?.two_letter_abbreviation,children:e?.full_name_locale},s))})]})};var f=a(15745),x=a.n(f);let j=({control:e,defaultValue:s,register:a,errors:t,unregister:i,countryCode:d="US",fieldIdPrefix:m=""})=>{let{t:h}=(0,o.Bd)(["account"]),[p,f]=(0,l.useState)([]),{countries:j,getCountryByCode:g,isLoading:N}=(0,u.o)({revalidateOnFocus:!1}),b=(0,c.FH)({control:e,name:"country_code",defaultValue:d});return((0,l.useEffect)(()=>{if(j&&!N){let[e]=g(b);f(e?.available_regions),i("region")}},[j,b]),(0,l.useEffect)(()=>{a("region")},[p]),p?.length&&!N)?(0,r.jsxs)("div",{className:x()["form-group"],children:[(0,r.jsx)("label",{className:"heading",htmlFor:`${m}region`,children:h("account||addressform|STATE/PROVINCE")}),(0,r.jsx)("div",{className:x().dropdown}),(0,r.jsxs)("select",{id:`${m}region`,className:"form-select",...a("region",{required:!0,validate:e=>"Def"!==e}),defaultValue:s?.region_id,children:[(0,r.jsxs)("option",{value:"Def",children:[" ",h("--Please Select--")]},"Please Select"),p?.map((e,s)=>(0,r.jsx)("option",{value:e?.id,children:e?.name},s))]}),t.region&&(0,r.jsx)("span",{className:"error",children:h("account||account|This field is required")})]}):(0,r.jsxs)("div",{className:n()("state","form-group"),children:[(0,r.jsxs)("label",{className:"heading",htmlFor:`${m}region`,children:[h("account||addressform|STATE/PROVINCE"),b,(0,r.jsx)("input",{type:"text",defaultValue:s?.region,...a("region",{required:!0}),className:"form-input",id:`${m}region`})]}),t.region&&(0,r.jsx)("span",{className:"error",children:h("account||account|This field is required")})]})};var g=a(16283),N=a(52742),b=a(95062),v=a.n(b);function y(){return(y=Object.assign||function(e){for(var s=1;s<arguments.length;s++){var a=arguments[s];for(var r in a)Object.prototype.hasOwnProperty.call(a,r)&&(e[r]=a[r])}return e}).apply(this,arguments)}var _=(0,l.forwardRef)(function(e,s){var a=e.color,r=e.size,t=void 0===r?24:r,n=function(e,s){if(null==e)return{};var a,r,l=function(e,s){if(null==e)return{};var a,r,l={},t=Object.keys(e);for(r=0;r<t.length;r++)a=t[r],s.indexOf(a)>=0||(l[a]=e[a]);return l}(e,s);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);for(r=0;r<t.length;r++)a=t[r],!(s.indexOf(a)>=0)&&Object.prototype.propertyIsEnumerable.call(e,a)&&(l[a]=e[a])}return l}(e,["color","size"]);return l.createElement("svg",y({ref:s,xmlns:"http://www.w3.org/2000/svg",width:t,height:t,viewBox:"0 0 24 24",fill:"none",stroke:void 0===a?"currentColor":a,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},n),l.createElement("circle",{cx:"12",cy:"12",r:"10"}),l.createElement("line",{x1:"12",y1:"8",x2:"12",y2:"16"}),l.createElement("line",{x1:"8",y1:"12",x2:"16",y2:"12"}))});

1_.propTypes={color:v().string,size:v().oneOfType([v().string,v().number])},_.displayName="PlusCircle";let k=({address:e,onSubmit:s,onCancel:a,requiredText:t="This field is required",loading:u=!1,isForCheckout:m=!1,showCancelButton:h=!1,showSaveButton:f=!0,fieldIdPrefix:x="",showCompanyField:b=!0,addressLine2:v=!0})=>{let{t:y}=(0,o.Bd)(["account"]),{customer:k}=(0,N.J)(),{control:$,register:F,unregister:O,handleSubmit:S,formState:{errors:E}}=(0,c.mN)(),[w,C]=(0,l.useState)(!1);return(0,r.jsxs)("form",{id:"shipping-address-form",onSubmit:S(s),children:[(0,r.jsx)("fieldset",{className:"sr-only",children:(0,r.jsx)("legend",{children:y("account||account|Address Form")})}),(0,r.jsx)("div",{children:(0,r.jsxs)("div",{children:[(0,r.jsx)(i.F,{subHeading:y("account||account|CONTACT INFORMATION")}),(0,r.jsxs)("div",{className:"form-group",children:[(0,r.jsxs)("label",{className:"heading",htmlFor:`${x}firstname`,children:[y("account||account|FIRST NAME"),(0,r.jsx)("span",{className:"asterisk",children:"*"})]}),(0,r.jsx)("input",{type:"text",defaultValue:e?.firstname,...F("firstname",{required:!0}),className:n()("form-input",{"border-alert-danger":E.firstname}),id:`${x}

1firstname`}),E.firstname&&(0,r.jsx)("span",{className:"error",children:y(`account||account|${t}`)})]}),(0,r.jsxs)("div",{className:"form-group",children:[(0,r.jsxs)("label",{className:"heading",htmlFor:`${x}lastname`,children:[y("account||account|LAST NAME"),(0,r.jsx)("span",{className:"asterisk",children:"*"})]}),(0,r.jsx)("input",{type:"text",defaultValue:e?.lastname,...F("lastname",{required:!0}),className:n()("form-input",{"border-alert-danger":E.lastname}),id:`${x}lastname`}),E.lastname&&(0,r.jsx)("span",{className:"error",children:y(`account||account|${t}`)})]}),b&&(0,r.jsxs)("div",{className:"form-group",children:[(0,r.jsx)("label",{className:"heading",htmlFor:`${x}company`,children:y("account||addressform|COMPANY")}),(0,r.jsx)("input",{type:"text",defaultValue:e?.company,...F("company"),className:"form-input",id:`${x}company`})]}),(0,r.jsxs)("div",{className:"form-group",children:[(0,r.jsxs)("label",{className:"heading",htmlFor:`${x}telephone`,children:[y("account||addressform|PHONE NUMBER"),(0,r.jsx)("span",{className:"asterisk",children:"*"})]}),(0,r.jsx)("input",{type:"tel",defaultValue:e?.telephone,...F("telephone",{required:!0,pattern:/^(\+\d{1,2}\s)?\(?\d{3}\)?[\s.-]?\d{2,3}[\s.-]?\d{0,9}$/}),className:n()("form-input",{"border-alert-danger":E.telephone}),id:`${x}telephone`}),E.telephone&&(0,r.jsx)("span",{className:"error",children:y(`account||${y("Phone number must be between 5 and 15 digits and can only include the following characters (0-9, (, ), -)")}`)})]}),(0,r.jsx)(i.F,{subHeading:y("account||addressform|ADDRESS")}),(0,r.jsxs)("div",{className:"form-group",children:[(0,r.jsxs)("label",{className:"heading",htmlFor:`${x}street1`,children:[y("account||addressform|Street Address 1"),(0,r.jsx)("span",{className:"asterisk",children:"*"})]}),(0,r.jsx)("input",{type:"text",defaultValue:e?.street?.[0],...F("street[0]",{required:!0}),className:n()("form-input",{"border-alert-danger":E?.street}),id:`${x}street1`}),E?.street&&(0,r.jsx)("span",{className:"error",children:y(`account||account|${t}`)})]}),v?(0,r.jsx)(()=>w||e?.street?.[1]?(0,r.jsxs)("div",{className:"form-group",children:[(0,r.jsx)("label",{className:"heading",htmlFor:`${x}street2`,children:y("account||addressform|ADDRESS LINE 2")}),(0,r.jsx)("input",{type:"text",defaultValue:e?.street?.[1],...F("street.1"),className:"form-input",id:`${x}street2`})]}):(0,r.jsx)("div",{className:"mb-6",children:(0,r.jsxs)("button",{onClick:()=>C(e=>!e),className:"flex items-center",children:[(0,r.jsx)(_,{className:"w-6 h-6 text-black mr-2"}),(0,r.jsx)("span",{style:{textDecoration:"underline"},className:"text-black",children:y("Add Address Details")})]})}),{}):null,(0,r.jsxs)("div",{className:"form-group",children:[(0,r.jsxs)("label",{className:"heading",htmlFor:`${x}city`,children:[y("account||account|CITY"),(0,r.jsx)("span",{className:"asterisk",children:"*"})]}),(0,r.jsx)("input",{type:"text",defaultValue:e?.city,...F("city",{required:!0}),className:n()("form-input",{"border-alert-danger":E.city}),id:`${x}city`}),E.city&&(0,r.jsx)("span",{className:"error",children:y(`account||account|${t}`)})]}),(0,r.jsxs)("div",{className:"form-inline-group",children:[(0,r.jsx)(j,{control:$,defaultValue:e?.region,errors:E,register:F,unregister:O,countryCode:e?.country_code,fieldIdPrefix:x}),(0,r.jsxs)("div",{className:n()("zip","form-group"),children:[(0,r.jsxs)("label",{className:"heading",htmlFor:`${x}postcode`,children:[y("account||addressform|ZIP / POSTAL CODE"),(0,r.jsx)("span",{className:"asterisk",children:"*"})]}),(0,r.jsx)("input",{type:"text",defaultValue:e?.postcode,...F("postcode",{required:!0}),className:n()("form-input",{"border-alert-danger":E.postcode}),id:`${x}postcode`}),E.postcode&&(0,r.jsx)("span",{className:"error",children:y(`account||account|${t}`)})]})]}),(0,r.jsxs)("div",{className:"form-group",children:[(0,r.jsxs)("label",{className:"heading",htmlFor:`${x}country`,children:[y("account||account|COUNTRY"),(0,r.jsx)("span",{className:"asterisk",children:"*"})]}),(0,r.jsx)(p,{countryCode:e?.country_code,register:F,fieldIdPrefix:x})]}),!m&&(e?(0,r.jsx)(g.t,{register:F,defaultBilling:!e?.default_billing,defaultShipping:!e?.default_shipping}):(0,r.jsx)(g.t,{register:F})),k&&m&&(0,r.jsx)("div",{className:"form-group",children:(0,r.jsxs)("div",{className:"checkbox-container",children:[(0,r.jsx)("input",{type:"checkbox",defaultChecked:e?.save_in_address_book??!1,...F("save_in_address_book"),className:"form-checkbox",id:`${x}save_in_address_book`}),(0,r.jsx)("label",{className:"label",htmlFor:`${x}save_in_address_book`,children:y("account||account|Save in Address Book")})]})})]})}),f&&(0,r.jsx)(d.$n,{className:"w-full",disabled:u,loading:u,type:"submit",children:y("account||addressform|SAVE ADDRESS")}),h&&(0,r.jsx)(d.$n,{type:"button",onClick:a,className:"ml-5",children:y("account||account|CANCEL")})]})}}}]);