https://www.to-be-dressed.nl/44.ab8dc965301f13aecc7a.js

1/*! @version 0.0.1-2a27d6c59bb3dbbfc7c5 */
2(window.webpackJsonp=window.webpackJsonp||[]).push([[44],{"36gI":function(e,r,n){"use strict"
3n.d(r,"a",function(){return h})
4var t=n("o0o1"),o=n.n(t),a=n("yXPU"),s=n.n(a),i=n("J4zp"),l=n.n(i),c=n("FdF9"),d=n("Ty5D"),u=n("+TN3"),f=n("pZLH"),p=n("OlZo"),g=n("jb/e"),b=n("y1Xp"),m=n("itC+"),h=function useAddressBookPage(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},r=Object(b.a)(m.a,e.operations),n=r.createCustomerAddressMutation,t=r.deleteCustomerAddressMutation,a=r.getCustomerAddressesQuery,i=r.updateCustomerAddressMutation,h=Object(p.b)(),v=l()(h,2)[1].actions.setPageLoading,y=Object(g.b)(),A=l()(y,1)[0].isSignedIn,O=Object(d.g)(),j=Object(u.b)(a,{fetchPolicy:"cache-and-network",skip:!A}),_=j.data,D=j.loading,w=Object(f.a)(t),C=l()(w,2),I=C[0],M=C[1].loading,x=Object(c.useState)(),k=l()(x,2),S=k[0],T=k[1],E=!!_&&D,P=_&&_.customer&&_.customer.addresses||[],F=Object(f.a)(n),N=l()(F,2),R=N[0],B=N[1],H=B.error,$=B.loading,Q=Object(f.a)(i),J=l()(Q,2),z=J[0],L=J[1],U=L.error,q=L.loading,W=Object(c.useState)(!1),V=l()(W,2),Y=V[0],X=V[1],G=Object(c.useState)(!1),Z=l()(G,2),K=Z[0],ee=Z[1],re=Object(c.useState)({}),ne=l()(re,2),te=ne[0],oe=ne[1],ae=Object(c.useState)(!1),se=l()(ae,2),ie=se[0],le=se[1]
5Object(c.useEffect)(function(){A||O.push("/")},[O,A]),Object(c.useEffect)(function(){v(E)},[E,v])
6var ce=Object(c.useCallback)(function(){le(!1),ee(!1),oe({country_code:"undefined"}),X(!0)},[]),de=Object(c.useCallback)(function(e){T(e)},[]),ue=Object(c.useCallback)(function(){T(null)},[]),fe=Object(c.useCallback)(s()(o.a.mark(function _callee(){return o.a.wrap(function _callee$(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,I({variables:{addressId:S},refetchQueries:[{query:a}],awaitRefetchQueries:!0})
7case 3:T(null),e.next=9
8break
9case 6:return e.prev=6,e.t0=e.catch(0),e.abrupt("return")
10case 9:case"end":return e.stop()}},_callee,null,[[0,6]])})),[S,I,a]),pe=Object(c.useCallback)(function(e){le(!1),ee(!0),oe(e),X(!0)},[]),ge=Object(c.useCallback)(function(){X(!1)},[]),be=Object(c.useCallback)(function(){var e=s()(o.a.mark(function _callee2(e){return o.a.wrap(function _callee2$(r){for(;;)switch(r.prev=r.next){case 0:if(!K){r.next=13
11break}return r.prev=1,r.next=4,z({variables:{addressId:te.id,updated_address:e},refetchQueries:[{query:a}],awaitRefetchQueries:!0})
12case 4:X(!1),r.next=11
13break
14case 7:return r.prev=7,r.t0=r.catch(1),le(!0),r.abrupt("return")
15case 11:r.next=23
16break
17case 13:return r.prev=13,r.next=16,R({variables:{address:e},refetchQueries:[{query:a}],awaitRefetchQueries:!0})
18case 16:X(!1),r.next=23
19break
20case 19:return r.prev=19,r.t1=r.catch(13),le(!0),r.abrupt("return")
21case 23:case"end":return r.stop()}},_callee2,null,[[1,7],[13,19]])}))
22return function(r){return e.apply(this,arguments)}}(),[R,te,a,K,z]),me=Object(c.useMemo)(function(){return ie?new Map([["createCustomerAddressMutation",H],["updateCustomerAddressMutation",U]]):new Map},[H,ie,U]),he=Object(c.useMemo)(function(){var e=new Map
23_&&_.countries.forEach(function(r){e.set(r.id,r.full_name_locale)})
24return e},[_])
25return{confirmDeleteAddressId:S,countryDisplayNameMap:he,customerAddresses:P,formErrors:me,formProps:{initialValues:te},handleAddAddress:ce,handleCancelDeleteAddress:ue,handleCancelDialog:ge,handleConfirmDeleteAddress:fe,handleConfirmDialog:be,handleDeleteAddress:de,handleEditAddress:pe,isDeletingCustomerAddress:M,isDialogBusy:$||q,isDialogEditMode:K,isDialogOpen:Y,isLoading:!_&&D}}},"6f8t":function(e,r,n){var t=n("LboF"),o=n("aMde"),a={injectType:"singletonStyleTag",insert:"head",singleton:!0}
26t(o=o.__esModule?o.default:o,a)
27e.exports=o.locals||{}},ADjE:function(e,r,n){(r=e.exports=n("JPst")(!1)).push([e.i,".fieldIcons-root-1cS {\n    display: inline-grid;\n    grid-auto-flow: column;\n    grid-template-areas: 'before input after';\n    grid-template-columns: auto 1fr auto;\n    height: 2.5rem;\n    width: 100%;\n}\n\n.fieldIcons-input-2we {\n    align-items: center;\n    display: flex;\n    grid-column: before-start / after-end;\n    grid-row: input-start / input-end;\n}\n\n.fieldIcons-input-2we > input {\n    padding-left: calc(1.875rem * var(--iconsBefore) + 0.625rem);\n    padding-right: calc(1.875rem * var(--iconsAfter) + 0.625rem);\n}

27\n\n.fieldIcons-before-1r7,\n.fieldIcons-after-MhH {\n    align-items: center;\n    display: flex;\n    justify-content: center;\n    margin: 0 2px;\n    pointer-events: none;\n    width: 2.5rem;\n    z-index: 1;\n}\n\n.fieldIcons-before-1r7:empty,\n.fieldIcons-after-MhH:empty {\n    display: none;\n}\n\n.fieldIcons-before-1r7 {\n    grid-area: before;\n}\n\n.fieldIcons-after-MhH {\n    grid-area: after;\n}\n\n.fieldIcons-before-1r7 svg {\n    stroke: rgb(var(--venia-global-color-gray-600));\n}\n",""]),r.locals={root:"fieldIcons-root-1cS",input:"fieldIcons-input-2we",before:"fieldIcons-before-1r7",after:"fieldIcons-after-MhH"}},DTfW:function(e,r,n){var t=n("LboF"),o=n("J9eo"),a={injectType:"singletonStyleTag",insert:"head",singleton:!0}
28t(o=o.__esModule?o.default:o,a)
29e.exports=o.locals||{}},FppM:function(e,r,n){(r=e.exports=n("JPst")(!1)).push([e.i,".fieldIcons-root-1cS {\n    display: inline-grid;\n    grid-auto-flow: column;\n    grid-template-areas: 'before input after';\n    grid-template-columns: auto 1fr auto;\n    height: 2.5rem;\n    width: 100%;\n}\n\n.fieldIcons-input-2we {\n    align-items: center;\n    display: flex;\n    grid-column: before-start / after-end;\n    grid-row: input-start / input-end;\n}\n\n.fieldIcons-input-2we > input {\n    padding-left: calc(1.875rem * var(--iconsBefore) + 0.625rem);\n    padding-right: calc(1.875rem * var(--iconsAfter) + 0.625rem);\n}\n\n.fieldIcons-before-1r7,\n.fieldIcons-after-MhH {\n    align-items: center;\n    display: flex;\n    justify-content: center;\n    margin: 0 2px;\n    pointer-events: none;\n    width: 2.5rem;\n    z-index: 1;\n}\n\n.fieldIcons-before-1r7:empty,\n.fieldIcons-after-MhH:empty {\n    display: none;\n}\n\n.fieldIcons-before-1r7 {\n    grid-area: before;\n}\n\n.fieldIcons-after-MhH {\n    grid-area: after;\n}\n\n.fieldIcons-before-1r7 svg {\n    stroke: rgb(var(--venia-global-color-gray-600));\n}\n",""]),r.locals={root:"fieldIcons-root-1cS",input:"fieldIcons-input-2we",before:"fieldIcons-before-1r7",after:"fieldIcons-after-MhH"}},J9eo:function(e,r,n){(r=e.exports=n("JPst")(!1)).push([e.i,".country-root-kCo {\n    grid-area: country;\n}\n",""]),r.locals={root:"country-root-kCo"}},MY7h:function(e,r,n){var t=n("LboF"),o=n("FppM"),a={injectType:"singletonStyleTag",insert:"head",singleton:!0}
30t(o=o.__esModule?o.default:o,a)
31e.exports=o.locals||{}},P44d:function(e,r,n){"use strict"
32n.d(r,"a",function(){return i})
33var t,o=n("VkAN"),a=n.n(o),s=n("UYTu"),i=Object(s.a)(t||(t=a()(["\n    query GetCountries {\n        countries {\n            id\n            full_name_locale\n            two_letter_abbreviation\n        }\n    }\n"])))},"T/xQ":function(e,r,n){"use strict"
34var t=n("FdF9"),o=n("17x9"),a=n("y1Xp"),s=n("MY7h"),i=n.n(s),l=function FieldIcons(e){var r=e.after,n=e.before,o=e.children,s=Object(a.a)(i.a,e.classes),l={"--iconsBefore":n?1:0,"--iconsAfter":r?1:0}
35return t.default.createElement("span",{className:s.root,style:l},t.default.createElement("span",{className:s.input},o),t.default.createElement("span",{className:s.before},n),t.default.createElement("span",{className:s.after},r))}
36l.propTypes={classes:Object(o.shape)({after:o.string,before:o.string,root:o.string})},r.a=l},ULFm:function(e,r,n){"use strict"
37var t=Object.create,o=Object.defineProperty,a=Object.defineProperties,s=Object.getOwnPropertyDescriptor,i=Object.getOwnPropertyDescriptors,l=Object.getOwnPropertyNames,c=Object.getOwnPropertySymbols,d=Object.getPrototypeOf,u=Object.prototype.hasOwnProperty,f=Object.prototype.propertyIsEnumerable,p=(e,r,n)=>r in e?o(e,r,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[r]=n,g=(e,r)=>{for(var n in r||(r={}))u.call(r,n)&&p(e,n,r[n])
38if(c)for(var n of c(r))f.call(r,n)&&p(e,n,r[n])
39return e},b=(e,r)=>a(e,i(r)),m=(e,r)=>{var n={}
40for(var t in e)u.call(e,t)&&r.indexOf(t)<0&&(n[t]=e[t])
41if(null!=e&&c)for(var t of c(e))r.indexOf(t)<0&&f.call(e,t)&&(n[t]=e[t])
42return n},h=(e,r,n,t)=>{if(r&&"object"==typeof r||"function"==typeof r)for(let a of l(r))u.call(e,a)||a===n||o(e,a,{get:()=>r[a],enumerable:!(t=s(r,a))||t.enumerable})
43return e},v=(e,r,n)=>(n=null!=e?t(d(e)):{}

43,h(!r&&e&&e.__esModule?n:o(n,"default",{value:e,enumerable:!0}),e)),y={};((e,r)=>{for(var n in r)o(e,n,{get:r[n],enumerable:!0})})(y,{Action:()=>X,AlertDialog:()=>S,AlertDialogAction:()=>J,AlertDialogCancel:()=>z,AlertDialogContent:()=>B,AlertDialogDescription:()=>Q,AlertDialogOverlay:()=>P,AlertDialogPortal:()=>E,AlertDialogTitle:()=>$,AlertDialogTrigger:()=>T,Cancel:()=>G,Content:()=>Y,Description:()=>K,Overlay:()=>V,Portal:()=>W,Root:()=>U,Title:()=>Z,Trigger:()=>q,createAlertDialogScope:()=>x}),e.exports=(e=>h(o({},"__esModule",{value:!0}),e))(y)
44var A=v(n("FdF9")),O=n("hoQ4"),j=n("c/Ue"),_=v(n("4WOi")),D=n("4WOi"),w=n("6Y6i"),C=n("cTze"),I=n("HcNT"),[M,x]=(0,O.createContextScope)("AlertDialog",[D.createDialogScope]),k=(0,D.createDialogScope)(),S=e=>{const r=e,{__scopeAlertDialog:n}=r,t=m(r,["__scopeAlertDialog"]),o=k(n)
45return(0,I.jsx)(_.Root,b(g(g({},o),t),{modal:!0}))}
46S.displayName="AlertDialog"
47var T=A.forwardRef((e,r)=>{const n=e,{__scopeAlertDialog:t}=n,o=m(n,["__scopeAlertDialog"]),a=k(t)
48return(0,I.jsx)(_.Trigger,b(g(g({},a),o),{ref:r}))})
49T.displayName="AlertDialogTrigger"
50var E=e=>{const r=e,{__scopeAlertDialog:n}=r,t=m(r,["__scopeAlertDialog"]),o=k(n)
51return(0,I.jsx)(_.Portal,g(g({},o),t))}
52E.displayName="AlertDialogPortal"
53var P=A.forwardRef((e,r)=>{const n=e,{__scopeAlertDialog:t}=n,o=m(n,["__scopeAlertDialog"]),a=k(t)
54return(0,I.jsx)(_.Overlay,b(g(g({},a),o),{ref:r}))})
55P.displayName="AlertDialogOverlay"
56var F="AlertDialogContent",[N,R]=M(F),B=A.forwardRef((e,r)=>{const n=e,{__scopeAlertDialog:t,children:o}=n,a=m(n,["__scopeAlertDialog","children"]),s=k(t),i=A.useRef(null),l=(0,j.useComposedRefs)(r,i),c=A.useRef(null)
57return(0,I.jsx)(_.WarningProvider,{contentName:F,titleName:H,docsSlug:"alert-dialog",children:(0,I.jsx)(N,{scope:t,cancelRef:c,children:(0,I.jsxs)(_.Content,b(g(g({role:"alertdialog"},s),a),{ref:l,onOpenAutoFocus:(0,w.composeEventHandlers)(a.onOpenAutoFocus,e=>{var r
58e.preventDefault(),null==(r=c.current)||r.focus({preventScroll:!0})}),onPointerDownOutside:e=>e.preventDefault(),onInteractOutside:e=>e.preventDefault(),children:[(0,I.jsx)(C.Slottable,{children:o}),(0,I.jsx)(L,{contentRef:i})]}))})})})
59B.displayName=F
60var H="AlertDialogTitle",$=A.forwardRef((e,r)=>{const n=e,{__scopeAlertDialog:t}=n,o=m(n,["__scopeAlertDialog"]),a=k(t)
61return(0,I.jsx)(_.Title,b(g(g({},a),o),{ref:r}))})
62$.displayName=H
63var Q=A.forwardRef((e,r)=>{const n=e,{__scopeAlertDialog:t}=n,o=m(n,["__scopeAlertDialog"]),a=k(t)
64return(0,I.jsx)(_.Description,b(g(g({},a),o),{ref:r}))})
65Q.displayName="AlertDialogDescription"
66var J=A.forwardRef((e,r)=>{const n=e,{__scopeAlertDialog:t}=n,o=m(n,["__scopeAlertDialog"]),a=k(t)
67return(0,I.jsx)(_.Close,b(g(g({},a),o),{ref:r}))})
68J.displayName="AlertDialogAction"
69var z=A.forwardRef((e,r)=>{const n=e,{__scopeAlertDialog:t}=n,o=m(n,["__scopeAlertDialog"]),{cancelRef:a}=R("AlertDialogCancel",t),s=k(t),i=(0,j.useComposedRefs)(r,a)
70return(0,I.jsx)(_.Close,b(g(g({},s),o),{ref:i}))})
71z.displayName="AlertDialogCancel"
72var L=({contentRef:e})=>{const r=`\`${F}\` requires a description for the component to be accessible for screen reader users.\n\nYou can add a description to the \`${F}\` by passing a \`AlertDialogDescription\` component as a child, which also benefits sighted users by adding visible context to the dialog.\n\nAlternatively, you can use your own component as a description by assigning it an \`id\` and passing the same value to the \`aria-describedby\` prop in \`${F}\`. If the description is confusing or duplicative for sighted users, you can use the \`@lrgonline/react-visually-hidden\` primitive as a wrapper around your description component.\n\nFor more information, see https://lrgonline.com/primitives/docs/components/alert-dialog`
73return A.useEffect(()=>{var r
74document.getElementById(null==(r=e.current)?void 0:r.getAttribute("aria-describedby"))},[r,e]),null},U=S,q=T,W=E,V=P,Y=B,X=J,G=z,Z=$,K=Q},UnPA:function(e,r,n){var t=n("LboF"),o=n("v264"),a={injectType:"singletonStyleTag",insert:"head",singleton:!0}
75t(o=o.__esModule?o.default:o,a)
76e.exports=o.locals||{}}

76,aMde:function(e,r,n){(e.exports=n("JPst")(!1)).push([e.i,"",""])},dTQg:function(e,r,n){"use strict"
77var t=n("FdF9"),o=n("17x9"),a=n("+sVj"),s={behavior:"smooth",block:"center"},i=n("y1Xp"),l=n("UnPA"),c=n.n(l),d=t.default.forwardRef(function(e,r){var n=e.children,o=Object(i.a)(c.a,e.classes)
78return t.default.createElement("div",{className:o.root,ref:r},t.default.createElement("span",{className:o.errorMessage},n))}),u=d
79d.propTypes={classes:Object(o.shape)({root:o.string,errorMessage:o.string}),children:o.node}
80var f=n("6f8t"),p=n.n(f),g=function FormError(e){var r=e.classes,n=e.errors,o=e.scrollOnError,l=function useFormError(e){var r=e.errors
81return{errorMessage:Object(t.useMemo)(function(){return Object(a.a)(r)},[r])}}({errors:n}).errorMessage,c=Object(t.useRef)(null)
82!function useScrollIntoView(e,r){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:s
83Object(t.useEffect)(function(){e.current&&e.current instanceof HTMLElement&&r&&e.current.scrollIntoView(n)},[n,e,r])}(c,o&&l)
84var d=Object(i.a)(p.a,r)
85return l?t.default.createElement(u,{classes:d,ref:c},l):null}
86r.a=g
87g.propTypes={classes:Object(o.shape)({root:o.string,errorMessage:o.string}),errors:Object(o.arrayOf)(Object(o.instanceOf)(Error)),scrollOnError:o.bool},g.defaultProps={scrollOnError:!0}},"itC+":function(e,r,n){"use strict"
88var t,o,a,s,i,l=n("VkAN"),c=n.n(l),d=n("UYTu"),u=Object(d.a)(t||(t=c()(["\n    fragment CustomerAddressBookAddressFragment on CustomerAddress {\n        __typename\n        id\n        city\n        country_code\n        default_billing\n        default_shipping\n        firstname\n        lastname\n        middlename\n        postcode\n        region {\n            region\n            region_code\n            region_id\n        }\n        street\n        telephone\n    }\n"]))),f=Object(d.a)(o||(o=c()(["\n    query GetCustomerAddressesForAddressBook {\n        customer {\n            id\n            addresses {\n                id\n                ...CustomerAddressBookAddressFragment\n            }\n        }\n        countries {\n            id\n            full_name_locale\n        }\n    }\n    ","\n"])),u),p=Object(d.a)(a||(a=c()(["\n    mutation AddNewCustomerAddressToAddressBook(\n        $address: CustomerAddressInput!\n    ) {\n        createCustomerAddress(input: $address)\n            @connection(key: \"createCustomerAddress\") {\n            # We don't manually write to the cache to update the collection\n            # after adding a new address so there's no need to query for a bunch\n            # of address fields here. We use refetchQueries to refresh the list.\n            id\n        }\n    }\n"]))),g=Object(d.a)(s||(s=c()(['\n    mutation UpdateCustomerAddressInAddressBook(\n        $addressId: Int!\n        $updated_address: CustomerAddressInput!\n    ) {\n        updateCustomerAddress(id: $addressId, input: $updated_address)\n            @connection(key: "updateCustomerAddress") {\n            id\n            ...CustomerAddressBookAddressFragment\n        }\n    }\n    ',"\n"])),u),b=Object(d.a)(i||(i=c()(["\n    mutation DeleteCustomerAddressFromAddressBook($addressId: Int!) {\n        deleteCustomerAddress(id: $addressId)\n    }\n"])))
89r.a={createCustomerAddressMutation:p,deleteCustomerAddressMutation:b,getCustomerAddressesQuery:f,updateCustomerAddressMutation:g}},uavz:function(e,r,n){"use strict"
90n.d(r,"a",function(){return s})
91var t=n("J4zp"),o=n.n(t),a=n("FdF9"),s=function useAccordion(e){var r=e.canOpenMultiple,n=e.children,t=Object(a.useState)(new Set([])),s=o()(t,2),i=s[0],l=s[1],c=Object(a.useCallback)(function(e){l(function(n){var t=new Set(n)
92return n.has(e)?t.delete(e):(r||t.clear(),t.add(e)),t})},[r,l])
93return Object(a.useEffect)(function(){var e,t=new Set([])

94a.Children.toArray(n).forEach(function(r){if(function isOpenPropTruthy(e){return e.props.isOpen}(r)){var n=r.props.id
95t.add(n),e||(e=n)}}),!r&&t.size>1&&(t.clear(),t.add(e)),l(t)},[]),{handleSectionToggle:c,openSectionIds:i}}},v264:function(e,r,n){(r=e.exports=n("JPst")(!1)).push([e.i,".errorMessage-root-1cS {\n}\n\n.errorMessage-errorMessage-3sE {\n    color: rgb(var(--venia-global-color-error));\n    font-size: var(--venia-typography-body-S-fontSize);\n    font-weight: var(--venia-global-fontWeight-semibold);\n    line-height: var(--venia-global-lineHeight-300);\n}\n",""]),r.locals={root:"errorMessage-root-1cS",errorMessage:"errorMessage-errorMessage-3sE"}}}])