https://www.apexstainless.com/ui/es5/8370.9be4a13c75914b40.js

1"use strict";(self.webpackChunk=self.webpackChunk||[]).push([[8370],{88370:function(e,t,r){r.r(t),r.d(t,{default:function(){return P}});r(54162),r(4290),r(570),r(29068),r(63343),r(12493),r(17046),r(50653),r(63145),r(55831);var n=r(63696),a=r(67437),o=(r(42417),r(28471),r(78837),r(12002),r(14439),r(89185),r(66133)),l=r(344),c=r(57616),i=r(96699),u="/api/mypageaddress",s=function(e){return{type:l.s8,payload:{mode:e}}},m=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:l.nE.List;return function(t){return(0,c.Jt)(u).then((function(e){return e.json()})).then((function(r){t(d(r,e))})).catch((function(e){return t((0,i.W)(e,(function(e){return f(e)})))}))}},d=function(e,t){return{type:l.VA,payload:{list:e,mode:t}}},f=function(e){return{type:l.s_,payload:{error:e}}};function p(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function y(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?p(Object(r),!0).forEach((function(t){b(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):p(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function b(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function v(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var r=[],n=!0,a=!1,o=void 0;try{for(var l,c=e[Symbol.iterator]();!(n=(l=c.next()).done)&&(r.push(l.value),!t||r.length!==t);n=!0);}catch(e){a=!0,o=e}finally{try{n||null==c.return||c.return()}finally{if(a)throw o}}return r}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return h(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r||"Set"===r)return Array.from(e);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return h(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function h(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}var _=function(e){var t=e.onEdit,r=(e.disabled,(0,a.wA)()),l=(0,a.d4)((function(e){return e.myPage.addresses.list})),s=v((0,n.useState)({}),2),d=s[0],p=s[1],h=function(e,t){p((function(r){return y(y({},r),{},b({},e,t))}))};return n.createElement("div",{className:"simple-table"},n.createElement("div",{className:"row medium-unstack no-margin simple-table__header"},n.createElement("div",{className:"columns"},(0,o.T)("mypage.address.address")),n.createElement("div",{className:"columns"},(0,o.T)("mypage.address.postnumber")),n.createElement("div",{className:"columns"},(0,o.T)("mypage.address.city")),n.createElement("div",{className:"columns medium-2 hide-for-small-only"})),l&&l.map((function(e){return n.createElement("div",{className:"row medium-unstack no-margin",key:"".concat(e.systemId)},n.createElement("div",{className:"columns"},e.address),n.createElement("div",{className:"columns"},e.zipCode),n.createElement("div",{className:"columns"},e.city),n.createElement("div",{className:"columns medium-2"},n.createElement("a",{className:"table__icon table__icon--edit",onClick:function(){return t(e)},title:(0,o.T)("Edit")}),!d[e.systemId]&&n.createElement("a",{className:"table__icon table__icon--delete",onClick:function(){return h(e.systemId,!0)},title:(0,o.T)("Remove")}),d[e.systemId]&&n.createElement("a",{className:"table__icon table__icon--accept",onClick:function(){return r((t=e.systemId,function(e){return(0,c.TF)(u,t).then((function(){return e(m())})).catch((function(t){return e((0,i.W)(t,(function(e){return f(e)})))}))}));var t},title:(0,o.T)("Accept")}),d[e.systemId]&&n.createElement("a",{className:"table__icon table__icon--cancel",onClick:function(){return h(e.systemId,!1)},title:(0,o.T)("Cancel")})))}

1)))},g=r(42294);function E(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function N(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?E(Object(r),!0).forEach((function(t){O(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):E(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function O(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function j(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var r=[],n=!0,a=!1,o=void 0;try{for(var l,c=e[Symbol.iterator]();!(n=(l=c.next()).done)&&(r.push(l.value),!t||r.length!==t);n=!0);}catch(e){a=!0,o=e}finally{try{n||null==c.return||c.return()}finally{if(a)throw o}}return r}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return w(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r||"Set"===r)return Array.from(e);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return w(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function w(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}var C=(0,g.Ik)().shape({phoneNumber:(0,g.Yj)().required((0,o.T)("validation.required")),country:(0,g.Yj)().required((0,o.T)("validation.required")),city:(0,g.Yj)().required((0,o.T)("validation.required")),zipCode:(0,g.Yj)().required((0,o.T)("validation.required")),address2:(0,g.Yj)().nullable(),address:(0,g.Yj)().required((0,o.T)("validation.required"))}),T=function(e){var t=e.address,r=e.onDismiss,s=(0,a.wA)(),d=(0,a.d4)((function(e){return e.myPage.addresses.errors}))||{},p=j((0,n.useState)(t),2),y=p[0],b=p[1];(0,n.useEffect)((function(){b(t)}),[b,t]);var v=function(e,t){b((function(r){return N(N({},r),{},O({},e,t))}))};return n.createElement("div",null,n.createElement("h2",null,(0,o.T)(t.systemId?"mypage.address.edittitle":"mypage.address.addtitle")),n.createElement("div",{className:"row"},n.createElement("div",{className:"columns small-12 medium-8"},n.createElement("label",{className:"form__label",htmlFor:"address"},(0,o.T)("mypage.address.address")),n.createElement("input",{className:"form__input",id:"address",name:"address",type:"text",autoComplete:"address-line1",value:y.address||"",onChange:function(e){return v("address",e.target.value)}}),d.address&&n.createElement("span",{className:"form__validator--error form__validator--top-narrow"},d.address[0]),n.createElement("input",{className:"form__input",id:"address2",name:"address2",type:"text",autoComplete:"address-line2",value:y.address2||"",onChange:function(e){return v("address2",e.target.value)}}),d.address2&&n.createElement("span",{className:"form__validator--error form__validator--top-narrow"},d.address2[0])),n.createElement("div",{className:"columns small-12 medium-8"},n.createElement("label",{className:"form__label",htmlFor:"zipCode"},(0,o.T)("mypage.address.postnumber")),n.createElement("input",{className:"form__input",id:"zipCode",name:"zipCode",type:"text",autoComplete:"postal-code",value:y.zipCode||"",onChange:function(e){return v("zipCode",e.target.value)}}),d.zipCode&&n.createElement("span",{className:"form__validator--error form__validator--top-narrow"},d.zipCode[0])),n.createElement("div",{className:"columns small-12 medium-8"},n.createElement("label",{className:"form__label",htmlFor:"city"},(0,o.T)("mypage.address.city")),n.createElement("input",{className:"form__input",id:"city",name:"city",type:"text",autoComplete:"on",value:y.city||"",onChange:function(e){return v("city",e.target.value)}}),d.city&&n.createElement("span",{className:"form__validator--error form__validator--top-narrow"},d.city[0])),n.createElement("div",{className:"columns small-12 medium-8"},n.createElement("label",{className:"form__label",htmlFor:"country"},(0,o.T)("mypage.address.country")),n.createElement("select",{className:"form__input",autoComplete:"country-name",value:y.country||"",onChange:function(e){return v("country",e.target.value)}},l.Ay.countries.map((function(e){return n.createElement("option",{key:e.value,value:e.value},e.text)}))),d.country&&n.createElement("span",{className:"form__validator--error form__validator--top-narrow"},d.country[0])),n.createElement("div",{className:"columns small-12 medium-8"},n.createElement("label",{className:"form__label",htmlFor:"phoneNumber"},(0,o.T)("mypage.address.phonenumber")),n.createElement("input",{className:"form__input",id:"phoneNumber",name:"phoneNumber",type:"tel",autoComplete:"tel",value:y.phoneNumber||"",onChange:function(e){return v("phoneNumber",e.target.value)}}),d.phoneNumber&&n.createElement("span",{className:"form__validator--error form__validator--top-narrow"},d.phoneNumber[0]))),d.general&&n.createElement("div",null,d.general[0]),n.createElement("button",{className:"form__button",onClick:r},(0,o.T)("general.cancel")),n.createElement("span",{className:"form__space"}),n.createElement("button",{className:"form__button",onClick:function(){C.validate(y).then((function(){y.systemId?s(function(e){return function(t){return(0,c.yJ)(u,e).then((function(){return t(m())})).catch((function(e){return t((0,i.W)(e,(function(e){return f(e)})))}

1))}}(y)):s(function(e){return function(t){return(0,c.bE)(u,e).then((function(){return t(m())})).catch((function(e){return t((0,i.W)(e,(function(e){return f(e)})))}))}}(y))})).catch((function(e){return s(f(e))}))}},(0,o.T)("general.save")))};function A(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var r=[],n=!0,a=!1,o=void 0;try{for(var l,c=e[Symbol.iterator]();!(n=(l=c.next()).done)&&(r.push(l.value),!t||r.length!==t);n=!0);}catch(e){a=!0,o=e}finally{try{n||null==c.return||c.return()}finally{if(a)throw o}}return r}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return S(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r||"Set"===r)return Array.from(e);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return S(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function S(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}var P=function(){var e=(0,a.d4)((function(e){return e.myPage.addresses.mode})),t=(0,a.wA)();(0,n.useEffect)((function(){t(m())}),[t]);var r=A((0,n.useState)({}),2),c=r[0],i=r[1],u=(0,n.useCallback)((function(e){i(e),t(s(l.nE.Edit))}),[i,t]),d=(0,n.useCallback)((function(){i({}),t(s(l.nE.List))}),[i,t]);return n.createElement(n.Fragment,null,e!==l.nE.List&&n.createElement(T,{address:c,onDismiss:d}),e===l.nE.List&&n.createElement(n.Fragment,null,n.createElement("h2",null,(0,o.T)("mypage.address.title")),n.createElement("p",null,n.createElement("b",null,(0,o.T)("mypage.address.subtitle"))),n.createElement("button",{className:"form__button",onClick:function(){return u({country:l.Ay.countries[0].value})}},(0,o.T)("mypage.address.add")),n.createElement(_,{onEdit:u})))}}}]);
2//# sourceMappingURL=8370.9be4a13c75914b40.js.map