https://drobe.jp/js/pages/4528.6ec4d36217ac8fa2.js

1"use strict";(self.webpackChunkdrobe=self.webpackChunkdrobe||[]).push([[4528],{3305:(e,n,t)=>{t.d(n,{A:()=>h});var r,i,o,a=t(96540),l=t(62594),s=t(65081);function c(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}var u=l.Ay.div(r||(r=c(["\n  font-size: 12px;\n  display: inline-flex;\n  vertical-align: top;\n  color: ",";\n  line-height: 1.83;\n  align-items: center;\n"])),(function(e){return e.color?e.color:"#000"})),p=(0,l.Ay)(s.A)(i||(i=c(["\n  margin: 0 8px 0 0;\n  width: 24px;\n  height: 24px;\n"]))),d=l.Ay.div(o||(o=c(["\n  flex: 1;\n"])));const h=function(e){return a.createElement("div",{className:e.className},a.createElement(u,{className:"label",color:e.color},a.createElement(p,{name:e.icon,color:e.color}),a.createElement(d,null,e.children)))}},50762:(e,n,t)=>{t.d(n,{A:()=>w});var r,i,o,a,l,s,c,u,p=t(96540),d=t(62594),h=t(93657);function m(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}var f=d.Ay.div(r||(r=m(["\n  margin-top: 16px;\n  border: 1px solid ",";\n  border-radius: 4px;\n  box-sizing: border-box;\n  box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.05);\n  background-color: ",";\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n"])),(function(e){return e.isActive?"".concat(e.theme.primary):"#e8e8e8"}),(function(e){return e.isActive?"".concat(e.theme.primaryLighter):"none"})),b=d.Ay.label(i||(i=m(["\n  display: flex;\n  align-items: center;\n  padding: 16px;\n"]))),g=d.Ay.input(o||(o=m(["\n  display: none;\n"]))),y=d.Ay.div(a||(a=m(["\n  width: 18px;\n  height: 18px;\n  border-radius: 9px;\n  border: 1px solid ",";\n  background-color: ",";\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  padding: 2px;\n  margin-right: 10px;\n  &:before {\n    display: ",";\n    content: '';\n    width: 10px;\n    height: 10px;\n    border-radius: 5px;\n    background-color: ",";\n  }\n"])),h.A.GRAY_LIGHT,h.A.WHITE,(function(e){return e.isActive?"block":"none"}),h.A.TEXT),x=d.Ay.div(l||(l=m(["\n  margin-left: 10px;\n"]))),v=d.Ay.p(s||(s=m(["\n  display: flex;\n  align-items: center;\n  font-size: 16px;\n  line-height: 1.6;\n"]))),A=d.Ay.span(c||(c=m(["\n  margin-left: 14px;\n  padding: 2px 8px;\n  font-size: 12px;\n  background-color: ",";\n  color: ",";\n"])),h.A.PINK,h.A.WHITE),E=d.Ay.p(u||(u=m(["\n  margin-top: 6px;\n  font-size: 11px;\n  line-height: 1.64;\n"])));const w=function(e){var n=e.className,t=e.name,r=e.title,i=e.value,o=e.description,a=e.label,l=e.isActive,s=void 0!==l&&l,c=e.onChange;return p.createElement(f,{className:n,isActive:s},p.createElement(b,null,p.createElement(g,{type:"radio",name:t,value:i,checked:s,onChange:c,readOnly:!0}),p.createElement(y,{isActive:s}),p.createElement(x,null,p.createElement(v,null,r,a&&p.createElement(A,null,a)),p.createElement(E,null,o))))}},34586:(e,n,t)=>{t.d(n,{A:()=>u});var r,i=t(96540),o=t(62594),a=t(93657);var l,s,c=o.Ay.label(r||(l=["\n  @keyframes on {\n    0% {\n      transform: translateX(4px);\n    }\n    100% {\n      transform: translateX(24px);\n    }\n  }\n  @keyframes off {\n    0% {\n      transform: translateX(24px);\n    }\n    100% {\n      transform: translateX(4px);\n    }\n  }\n  position: relative;\n  width: 48px;\n  height: 24px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: 18px;\n  border: 1px solid ",";\n  background-color: ",";\n  &::after {\n    content: '';\n    background-color: ",";\n    border-radius: 10px;\n    border: 1px solid rgba(89, 89, 104, 0.1);\n    box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.05);\n    height: 16px;\n    width: 16px;\n    position: absolute;\n    top: 2px;\n    left: 0;\n    animation: ",";\n  }\n\n  ","\n"],s||(s=l.slice(0)),r=Object.freeze(Object.defineProperties(l,{raw:{value:Object.freeze(s)}}))),(function(e){return e.checked?a.A.TEXT:"rgba(89, 89, 104, 0.1)"}),(function(e){return e.checked?a.A.TEXT:"rgba(89, 89, 104, 0.03)"}),a.A.WHITE,(function(e){return e.checked?"on 0.25s ease forwards":"off 0.25s ease forwards"}),(function(e){return e.disabled?"opacity: 0.3":""}));const u=function(e){var n=e.className,t=e.disabled,r=void 0!==t&&t,o=e.checked,a=e.onChange;return i.createElement("div",{className:n},i.createElement(c,{checked:o,disabled:r,onClick:function(e){return a()}}))}},86149:(e,n,t)=>{t.d(n,{A:()=>M,E:()=>T});var r,i,o,a,l,s,c,u,p,d=t(96540),h=t(62594),m=t(6061),f=t(27052),b=t(93

1657),g=t(65081),y=t(23642),x=t(71178),v=t(15139);function A(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}var E=h.Ay.div(r||(r=A(["\n  text-align: left;\n  position: relative;\n  font-weight: bold;\n  font-size: 14px;\n  display: inline-block;\n  position: relative;\n  line-height: 24px;\n  ",";\n"])),(function(e){return e.color&&"color: ".concat(e.color," ")})),w=h.Ay.div(i||(i=A(["\n  background-color: #fff;\n  width: calc(100% - 25.066666666666663%);\n  max-width: 281px;\n  padding: 40px 32px;\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.2);\n  border-radius: 4px;\n  transform: translate(-50%, -50%);\n  box-sizing: border-box;\n  &:focus {\n    outline: none;\n  }\n  ",";\n  @media (min-width: 320px) {\n    overflow-y: scroll;\n    max-height: 90%;\n  }\n"])),(function(e){return e.whiteSpace&&"white-space: ".concat(e.whiteSpace)})),S=h.Ay.div(o||(o=A(["\n  font-size: 14px;\n  margin: 32px 0 0 0;\n  line-height: 2;\n  text-align: ",";\n"])),(function(e){return e.align})),O=h.Ay.div(a||(a=A(["\n  color: #f44336;\n  font-size: 10px;\n  font-weight: bold;\n  margin-top: 16px;\n"]))),k=(0,h.Ay)(y.A)(l||(l=A(["\n  margin-top: 32px;\n"]))),C=(0,h.Ay)(x.A)(s||(s=A(["\n  max-width: 100px;\n  ","\n  margin: 24px auto 0;\n"])),(function(e){return e.cancelButtonWidth&&"max-width: ".concat(e.cancelButtonWidth,"px;")})),_=h.Ay.div(c||(c=A(["\n  margin-top: 16px;\n  font-size: 12px;\n  line-height: 22px;\n  color: #9b9ba5;\n"]))),j=(0,h.Ay)(f.A)(u||(u=A(["\n  position: absolute !important; // important付けないとスタイル上書きできないので指定\n  top: 8px;\n  right: 8px;\n"]))),z=(0,h.Ay)(g.A)(p||(p=A(["\n  width: 18px;\n  height: 18px;\n"]))),T=function(e){var n=e.modalBody,t=e.labelOk,r=e.labelCancel,i=e.isModalOpen,o=e.loading,a=void 0!==o&&o,l=e.disabled,s=void 0!==l&&l,c=e.error,u=void 0!==c&&c,p=e.errorText,h=e.modalTitle,f=e.modalSubText,g=e.onClickOk,y=e.onClickCancel,x=e.modalBodyAlign,A=void 0===x?"left":x,T=e.cancelButtonWidth,M=e.titleColor,I=e.whiteSpace,N=e.headingWithNoPadding,P=e.showCloseIcon,R=void 0!==P&&P,B=e.showCancelButton,F=void 0===B||B;return d.createElement(m.A,{open:i,onClose:y},d.createElement(w,{whiteSpace:I},N?d.createElement(E,{color:M},h):d.createElement(v.h,{type:"modal",color:M},h),d.createElement(S,{align:A},n),f&&d.createElement(_,null,f),d.createElement(k,{loading:a,onClick:g,disabled:s},t),F&&d.createElement(C,{size:"small",disabled:a,cancelButtonWidth:T,onClick:y},r),u&&d.createElement(O,null,p),R&&d.createElement(j,{onClick:y},d.createElement(z,{name:"close",color:b.A.TEXT}))))};const M=T},45695:(e,n,t)=>{t.d(n,{A:()=>b});var r,i,o,a,l=t(96540),s=t(62594),c=t(93657),u=t(3305);function p(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}var d=s.Ay.div(r||(r=p(["\n  padding: 24px 16px;\n  background-color: ",";\n  text-align: right;\n"])),c.A.GRAY_LIGHTEST),h=(0,s.Ay)(u.A)(i||(i=p(["\n  text-align: left;\n  overflow-wrap: break-word;\n  p {\n    font-size: 13px;\n    line-height: 1.62;\n  }\n"]))),m=s.Ay.div(o||(o=p(["\n  margin-top: 16px;\n  text-align: center;

1\n"]))),f=s.Ay.div(a||(a=p(["\n  font-size: 12px;\n  line-height: 21px;\n  text-align: left;\n"])));const b=function(e){var n=e.className,t=e.label,r=e.withoutIcon,i=void 0!==r&&r,o=e.color,a=e.children;return l.createElement(d,{className:n},i?l.createElement(f,null,t):l.createElement(h,{icon:"information",color:null!=o?o:c.A.TEXT},"string"==typeof t?l.createElement("div",{dangerouslySetInnerHTML:{__html:t}}):t),a&&l.createElement(m,null,a))}},11608:(e,n,t)=>{t.d(n,{A:()=>o});var r=t(96540),i=t(50762);const o=function(e){var n=e.className,t=e.name,o=e.activeValue,a=e.ratingValues,l=e.onChange;return r.createElement("div",{className:n},a.map((function(e,n){return r.createElement(i.A,{key:n,name:t,title:e.title,value:e.days,description:e.description,label:e.note,isActive:e.days===o,onChange:l})})))}},64528:(e,n,t)=>{t.r(n),t.d(n,{default:()=>hn});var r,i,o,a,l,s,c=t(96540),u=t(8321),p=t(62594),d=t(6565),h=t(64055),m=t(1213),f=t(15139),b=t(82309),g=t(1778),y=t(71178),x=t(34586),v=t(23722);function A(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,i,o,a,l=[],s=!0,c=!1;try{if(o=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;s=!1}else for(;!(s=(r=o.call(t)).done)&&(l.push(r.value),l.length!==n);s=!0);}catch(e){c=!0,i=e}finally{try{if(!s&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(c)throw i}}return l}}(e,n)||function(e,n){if(e){if("string"==typeof e)return E(e,n);var t={}.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?E(e,n):void 0}}(e,n)||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 E(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=Array(n);t<n;t++)r[t]=e[t];return r}function w(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}var S=(0,p.Ay)(f.h)(r||(r=w(["\n  margin-top: 56px;\n"]))),O=p.Ay.p(i||(i=w(["\n  font-size: 14px;\n  margin-top: 24px;\n  line-height: 2;\n  white-space: pre-line;\n\n  b {\n    font-weight: bold;\n  }\n"]))),k=p.Ay.p(o||(o=w(["\n  font-size: 14px;\n  margin-top: 12px;\n  line-height: 2;\n"]))),C=(0,p.Ay)(y.A)(a||(a=w(["\n  margin-top: 24px;\n"]))),_=p.Ay.div(l||(l=w(["\n  width: 100%;\n  text-align: left;\n  margin-left: 20px;\n"]))),j=(0,p.Ay)(x.A)(s||(s=w(["\n  margin-right: 10px;\n"])));const z=function(e){var n=e.user,t=(0,u.wA)(),r=A((0,c.useState)(!1),2),i=r[0],o=r[1],a=A((0,c.useState)({open:!1,body:""}),2),l=a[0],s=a[1],p=(0,b.n)({mutationFn:function(e){return(0,g.dY)({is_earliest_delivery:e})}});return c.createElement("div",null,c.createElement(S,{type:"sub"},"お届け日時を待たずに発送"),c.createElement(O,null,c.createElement("b",null,"「お届け日時を待たずに発送」では、商品が準備でき次第すぐに発送します。そのため、指定されたお届け日や時間帯を指定せずに発送します。"),"発送通知または追跡URLから改めてお届け日時をご指定ください。"),c.createElement(k,null,"※設定時期によっては、次回発送から適用となります。"),c.createElement(C,{onClick:function(){i||(o(!0),p.mutate(!n.isEarliestDelivery(),{onSuccess:function(e){t((0,d.uk)({user:e.data})),o(!1)},onError:function(){o(!1),s({open:!0,body:"設定の変更に失敗しました。時間をおいて再度お試しください。"})}}))}},c.createElement(_,null,"お届け日時を待たずに発送"),c.createElement(j,{name:"is_earliest_delivery",disabled:i,checked:n.isEarliestDelivery(),onChange:function(){}})),c.createElement(v.A,{labelButton:"OK",open:l.open,onClose:function(){s({open:!1,body:""})}},l.body))};var T,M,I,N=t(47767),P=t(40372),R=t(80792),B=t(86149),F=t(11608);function L(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,i,o,a,l=[],s=!0,c=!1;try{if(o=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;s=!1}else for(;!(s=(r=o.call(t)).done)&&(l.push(r.value),l.length!==n);s=!0);}catch(e){c=!0,i=e}

1finally{try{if(!s&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(c)throw i}}return l}}(e,n)||function(e,n){if(e){if("string"==typeof e)return q(e,n);var t={}.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?q(e,n):void 0}}(e,n)||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 q(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=Array(n);t<n;t++)r[t]=e[t];return r}function W(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}var G=(0,p.Ay)(F.A)(T||(T=W(["\n  margin-top: 24px;\n"]))),V=(0,p.Ay)(f.h)(M||(M=W(["\n  margin-top: 56px;\n"]))),U=p.Ay.p(I||(I=W(["\n  margin-top: 32px;\n"])));const X=(0,u.Ng)((function(e){return{userPassports:{passports:e.userPassports.passports}}}),{updateShipmentFrequencyRequest:d.nz,getUserPassportDataRequest:d.NZ})((function(e){var n=L((0,c.useState)(!1),2),t=n[0],r=n[1],i=L((0,c.useState)(!1),2),o=i[0],a=i[1],l=L((0,c.useState)(0),2),s=l[0],u=l[1],p=L((0,c.useState)(""),2),d=p[0],m=p[1],f=L((0,c.useState)(!1),2),b=f[0],g=f[1],y=(0,N.useNavigate)();(0,c.useEffect)((function(){e.getUserPassportDataRequest({passport_type:h.A.STYLING_FEE})}),[]);var x=function(e){a(e)},v=function(e){m(e.shipment_frequency)},A=function(){o||(r(!1),a(!1),u(0),m(""))},E=function(){A(),e.user.latest_not_shipped_box_hash&&g(!0)},w=e.user,S=e.userPassports.passports,O=e.meta,k=e.boxCollection,C=w.get("latest_not_shipped_box_hash"),_=k.isShipmentEnablementModificationAllowed(C),j=!w.canEnableShipment()||(0,R.R6)(w.user_input_close_date)||!_,z=k.isSinglePlan(C);return c.createElement("div",null,c.createElement(V,{type:"sub"},"商品の発送頻度"),!w.isFirstTimeFinished()&&j?c.createElement(U,null,z?"今回のみのお試し":"定期配送 (3ヶ月ごと)"):c.createElement(G,{name:"shipment_frequency",ratingValues:O.shipment_frequencies,activeValue:w.get("shipment_frequency"),onChange:function(e){var n=Number(e.target.value);r(!0),u(n)}}),c.createElement(B.A,{modalTitle:"発送頻度の変更",modalBody:S.hasValidPassport(h.A.STYLING_FEE)&&s>30?"使い放題をご利用中です。最短 (2〜3週間ごと)または1ヶ月ごとに受け取りいただくことをおすすめしております。":"発送

1頻度を変更してもよろしいですか？",labelOk:"変更する",labelCancel:"キャンセル",error:null!=d&&""!==d,errorText:d,loading:o,isModalOpen:t,onClickOk:function(){0!==s&&(a(!0),e.updateShipmentFrequencyRequest(s,x,v,E))},onClickCancel:A,modalBodyAlign:"center"}),c.createElement(B.A,{modalTitle:"次回お届け日時を確認",modalBody:"発送頻度を変更しましたが、次回のお届け日時が既に設定されていました。下記よりご確認の上、必要あればお届け日時も変更ください。",labelOk:"次回お届け日時を確認",labelCancel:"後で",isModalOpen:b,onClickOk:function(){return y(P.A.HOME)},onClickCancel:function(){g(!1)}}))}));var Y,H,K,D,$,Z,Q=t(24016),J=t(93657),ee=t(45695),ne=t(65081);function te(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,i,o,a,l=[],s=!0,c=!1;try{if(o=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;s=!1}else for(;!(s=(r=o.call(t)).done)&&(l.push(r.value),l.length!==n);s=!0);}catch(e){c=!0,i=e}finally{try{if(!s&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(c)throw i}}return l}}(e,n)||function(e,n){if(e){if("string"==typeof e)return re(e,n);var t={}.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?re(e,n):void 0}}(e,n)||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 re(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=Array(n);t<n;t++)r[t]=e[t];return r}function ie(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}var oe=(0,p.Ay)(f.h)(Y||(Y=ie(["\n  margin-top: 56px;\n"]))),ae=p.Ay.p(H||(H=ie(["\n  font-size: 14px;\n  margin-top: 24px;\n  line-height: 2;\n  white-space: pre-line;\n"]))),le=(0,p.Ay)(y.A)(K||(K=ie(["\n  margin-top: 28px;\n"]))),se=p.Ay.div(D||(D=ie(["\n  width: 100%;\n  text-align: left;\n  margin-left: 20px;\n"]))),ce=(0,p.Ay)(ne.A)($||($=ie(["\n  margin-right: 20px;\n  width: 20px;\n  height: 20px;\n"]))),ue=(0,p.Ay)(ee.A)(Z||(Z=ie(["\n  margin-top: 24px;\n"])));const pe=(0,u.Ng)((function(){return{}}),{skipShipmentRequest:Q.nt})((function(e){var n=te((0,c.useState)(!1),2),t=n[0],r=n[1],i=te((0,c.useState)(!1),2),o=i[0],a=i[1],l=te((0,c.useState)(""),2),s=l[0],u=l[1],p=te((0,c.useState)(""),2),d=p[0],h=p[1],m=te((0,c.useState)(""),2),f=m[0],b=m[1],g=te((0,c.useState)({open:!1,body:""}),2),y=g[0],x=g[1],A=function(){r(!1),a(!1),u(""),h(""),b("")},E=function(e){a(e)},w=function(){x({open:!1,body:""})},S=function(){A(),x({open:!0,body:"次回の発送をスキップしました"})},O=function(){A(),w()},k=e.user,C=e.boxCollection,_=!k.has_not_shipped_box||!C.canSkip(k.latest_not_shipped_box_hash),j=k.has_not_shipped_box&&C.isSkipped(k.latest_not_shipped_box_hash),z=c.createElement(ce,{color:J.A.GOLD,name:"circle_check"}),T=c.createElement(ue,{label:"スキップは次回の発送が完了し、お支払い金額確定後に、再度ご利用いただけます。"});return c.createElement("div",null,c.createElement(oe,{type:"sub"},"スキップ"),c.createElement(ae,null,"次回の発送を1回だけスキップします。お買い物の量を調整したい場合などにご利用ください。"),c.createElement(le,{disabled:_,onClick:function(){return n=e.hasValidStylingFeePassport,r(!0),u("発送のスキップ"),void h(n?"使い放題にご加入いただいています。スキップしてもよろしいでしょうか？ 次回の発送に関する要望コメントは削除されます。":"次回の発送に関する要望コメントは削除されます。スキップしてもよろしいですか？");var n}},c.createElement(se,null,"次回の発送をスキップ"),j?z:""),j?T:"",c.createElement(B.A,{modalTitle:s,modalBody:d,labelOk:"スキップする",labelCancel:"キャンセル",error:null!=f&&""!==f,errorText:f,loading:o,isModalOpen:t,onClickOk:function(){var n=e.user.latest_not_shipped_box_hash;a(!0),e.skipShipmentRequest(n,E,S,O)},onClickCancel:function(){o||A()}}),c.createElement(v.A,{labelButton:"OK",open:y.open,onClose:w},y.body))}));var de,he,me,fe,be,ge,ye,xe,ve,Ae=t(27052),Ee=t(6061),we=t(23642);function Se(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}var Oe=p.Ay.div(de||(de=Se(["\n  text-align: left;\n  position: relative;\n  font-weight: bold;\n  font-size: 14px;\n  display: inline-block;\n  position: relative;\n  line-height: 24px;\n  ",";\n"])),(function(e){return e.color&&"color: ".concat(e.color," ")})),ke=p.Ay.div(he||(he=Se(["\n  background-color: #fff;\n  width: calc(100% - 25.066666666666663%);\n  max-width: 281px;\n  padding: 40px 32px;\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.2);\n  border-radius: 4px;\n  transform: translate(-50%, -50%);\n  box-sizing: border-box;\n  &:focus {\n    outline: none;\n  }\n  ",";

1\n  @media (min-width: 320px) {\n    overflow-y: scroll;\n    max-height: 90%;\n  }\n"])),(function(e){return e.whiteSpace&&"white-space: ".concat(e.whiteSpace)})),Ce=p.Ay.div(me||(me=Se(["\n  font-size: 14px;\n  margin: 32px 0 0 0;\n  line-height: 2;\n  text-align: ",";\n"])),(function(e){return e.align})),_e=p.Ay.div(fe||(fe=Se(["\n  color: #f44336;\n  font-size: 10px;\n  font-weight: bold;\n  margin-top: 16px;\n"]))),je=(0,p.Ay)(we.A)(be||(be=Se(["\n  margin-top: 32px;\n"]))),ze=(0,p.Ay)(y.A)(ge||(ge=Se(["\n  max-width: 100px;\n  ","\n  margin: 24px auto 0;\n"])),(function(e){return e.cancelButtonWidth&&"max-width: ".concat(e.cancelButtonWidth,"px;")})),Te=p.Ay.div(ye||(ye=Se(["\n  margin-top: 16px;\n  font-size: 12px;\n  line-height: 22px;\n  color: #9b9ba5;\n"]))),Me=(0,p.Ay)(Ae.A)(xe||(xe=Se(["\n  position: absolute !important; // important付けないとスタイル上書きできないので指定\n  top: 8px;\n  right: 8px;\n"]))),Ie=(0,p.Ay)(ne.A)(ve||(ve=Se(["\n  width: 18px;\n  height: 18px;\n"]))),Ne=function(e){var n=e.modalBody,t=e.labelOk,r=e.labelCancel,i=e.isModalOpen,o=e.loading,a=void 0!==o&&o,l=e.disabled,s=void 0!==l&&l,u=e.error,p=void 0!==u&&u,d=e.errorText,h=e.modalTitle,m=e.modalSubText,b=e.onClickOk,g=e.onClickCancel,y=e.modalBodyAlign,x=void 0===y?"left":y,v=e.cancelButtonWidth,A=e.titleColor,E=e.whiteSpace,w=e.headingWithNoPadding,S=e.showCloseIcon,O=void 0!==S&&S,k=e.showCancelButton,C=void 0===k||k,_=e.subElement,j=void 0===_?null:_;return c.createElement(Ee.A,{open:i,onClose:g},c.createElement(ke,{whiteSpace:E},w?c.createElement(Oe,{color:A},h):c.createElement(f.h,{type:"modal",color:A},h),c.createElement(Ce,{align:x},n),m&&c.createElement(Te,null,m),j,c.createElement(je,{loading:a,onClick:b,disabled:s},t),C&&c.createElement(ze,{size:"small",disabled:a,cancelButtonWidth:v,onClick:g},r),p&&c.createElement(_e,null,d),O&&c.createElement(Me,{onClick:g},c.createElement(Ie,{name:"close",color:J.A.TEXT}))))};var Pe,Re,Be,Fe,Le,qe,We,Ge,Ve;function Ue(e){return function(e){if(Array.isArray(e))return He(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||Ye(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Xe(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,i,o,a,l=[],s=!0,c=!1;try{if(o=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;s=!1}else for(;!(s=(r=o.call(t)).done)&&(l.push(r.value),l.length!==n);s=!0);}catch(e){c=!0,i=e}finally{try{if(!s&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(c)throw i}}return l}}(e,n)||Ye(e,n)||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 Ye(e,n){if(e){if("string"==typeof e)return He(e,n);var t={}.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?He(e,n):void 0}}function He(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=Array(n);t<n;t++)r[t]=e[t];return r}function Ke(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}var De=p.Ay.div(Pe||(Pe=Ke(["\n  margin-top: 56px;\n"]))),$e=p.Ay.p(Re||(Re=Ke(["\n  font-size: 14px;\n  margin: 12px 0;\n  line-height: 2;\n  white-space: pre-line;\n"]))),Ze=(0,p.Ay)(x.A)(Be||(Be=Ke(["\n  margin-right: 10px;\n"]))),Qe=(0,p.Ay)(y.A)(Fe||(Fe=Ke(["\n  margin-top: 28px;\n"]))),Je=p.Ay.div(Le||(Le=Ke(["\n  width: 100%;\n  text-align: left;\n  margin-left: 20px;\n"]))),en=(0,p.Ay)(ee.A)(qe||(qe=Ke(["\n  margin-top: 24px;\n"]))),nn=p.Ay.div(We||(We=Ke(["\n  font-size: 14px;\n  margin-bottom: 8px;\n  width: 100%;\n  > input {\n    border-radius: 4px;\n    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);\n    width: 18px;\n    min-width: 18px;\n    height: 18px;\n    padding: 2px;\n    display: inline;\n    justify-content: center;

1\n    align-items: center;\n    border-width: 1px;\n    border-style: solid;\n  }\n"]))),tn=p.Ay.label(Ge||(Ge=Ke(["\n  display: inline;\n  align-items: center;\n  line-height: 18px;\n"]))),rn=p.Ay.textarea(Ve||(Ve=Ke(["\n  font-size: 14px;\n  background-color: #fafafa;\n  letter-spacing: inherit;\n  padding: 8px;\n  border: 0;\n  box-sizing: content-box;\n  background: none;\n  height: auto;\n  margin: 0;\n  display: block;\n  min-width: 0;\n  width: 100%;\n  resize: none;\n  border-bottom: 1px solid rgba(89, 89, 104, 0.3);\n  border-radius: 0;\n"])));const on=(0,u.Ng)((function(){return{}}),{updateShipmentEnablementRequest:d.Cp})((function(e){var n=Xe((0,c.useState)(!1),2),t=n[0],r=n[1],i=Xe((0,c.useState)(!1),2),o=i[0],a=i[1],l=Xe((0,c.useState)(""),2),s=l[0],u=l[1],p=Xe((0,c.useState)(""),2),d=p[0],h=p[1],m=Xe((0,c.useState)(""),2),b=m[0],g=m[1],y=Xe((0,c.useState)(null),2),x=y[0],A=y[1],E=Xe((0,c.useState)({open:!1,body:""}),2),w=E[0],S=E[1],O=Xe((0,c.useState)([]),2),k=O[0],C=O[1],_=Xe((0,c.useState)(""),2),j=_[0],z=_[1],T=(0,N.useNavigate)(),M=function(){r(!1),a(!1),u(""),h(""),g(""),A(null),C([]),z("")},I=function(e){g(e.enablement)},F=function(n){var t=e.hasValidStylingFeePassport?"使い放題にご加入いただいています。一時停止に変更してもよろしいでしょうか？ 次回発送に関する要望やコメントは削除されます":"次回発送に関する要望やコメントは削除されます。停止してもよろしいですか？";r(!0),u(n?"発送再開":"発送停止"),h(n?"発送の再開手続きを進めますか？":t),A(n)},L=function(){o||M()},q=function(e){a(!1),M(),S({open:!0,body:e})},W=function(){if(a(!0),null!=x){var n=V.latestBox();if(x)return n&&n.hasBeenAuthorized()&&!n.isFinalizedState()?void e.updateShipmentEnablementRequest({enablement:!0,setErrors:I,onFinish:q}):void T(P.A.SHIPMENT_DELIVERY_TIME_SELECT);e.updateShipmentEnablementRequest({enablement:x,suspend_reasons:k,suspend_reason_text:j,setErrors:I,onFinish:q})}},G=e.user,V=e.boxCollection,U=G.get("latest_not_shipped_box_hash"),X=V.isShipmentEnablementModificationAllowed(U),Y=!G.canEnableShipment()||(0,R.R6)(G.user_input_close_date)||!X,H=[{value:"料金が高い",checked:!1},{value:"スタイリングが合わなかった",checked:!1},{value:"しばらく洋服を購入する予定がない",checked:!1}];return c.createElement("div",null,c.createElement(De,null,c.createElement(f.h,{type:"sub"},"一時停止"),c.createElement($e,null,"次回以降の発送を停止します。しばらく発送を中止したい場合にご利用ください。"),c.createElement(Qe,{disabled:Y,onClick:function(){return F(!G.isShipmentActive())}},c.createElement(Je,null,"発送を一時停止"),c.createElement(Ze,{name:"stop",disabled:Y,onChange:function(e){var n;F(null==e||null===(n=e.target)||void 0===n?void 0:n.checked)},checked:!G.isShipmentActive()}))),G.has_user_box_suspend_reason?c.createElement(B.A,{modalTitle:s,modalBody:d,labelOk:G.isShipmentActive()?"停止する":"再開手続きへ進む",labelCancel:"キャンセル",error:null!=b&&""!==b,errorText:b,loading:o,isModalOpen:t,onClickOk:W,onClickCancel:L}):c.createElement(Ne,{modalTitle:s,modalBody:d,labelOk:G.isShipmentActive()?"停止する":"再開手続きへ進む",labelCancel:"キャンセル",error:null!=b&&""!==b,errorText:b,loading:o,isModalOpen:t,onClickOk:W,onClickCancel:L,subElement:G.isShipmentActive()?c.createElement("div",null,c.createElement($e,null,"一時停止の理由をご記入ください。サービス改善の参考にいたします"),H.map((function(e,n){return c.createElement(nn,{key:n},c.createElement("input",{id:e.value,type:"checkbox",name:"suspend_reasons",value:e.value,checked:k.filter((function(n){return n===e.value})).length>0,onChange:function(e){var t=e.target.checked,r=e.target.value;H[n].checked=t,C(t?[].concat(Ue(k),[r]):k.filter((function(e){return e!==r})))}}),c.createElement(tn,{htmlFor:e.value},e.value))})),c.createElement(rn,{className:"form-control",name:"suspend_reason_text",placeholder:"その他理由",rows:5,maxLength:100,onChange:function(e){return z(e.target.value)}},j)):null}),c.createElement(v.A,{labelButton:"OK",open:w.open,onClose:function(){S({open:!1,body:""})}},w.body),!Y&&!G.isShipmentActive()&&c.createElement(en,{label:"現在、発送は一時停止されています。再開したい場合は、一時停止ボタンをオフにしてください。"}))}));var an,ln,sn;function cn(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}var un=p.Ay.div(an||(an=cn(["\n  margin-top: 40px;\n"]))),pn=p.Ay.p(ln||(ln=cn(["\n  font-size: 10px;\n  margin-top: 56px;\n  line-height: 1.8;\n  white-space: pre-line;

1\n"]))),dn=(0,p.Ay)(m.A)(sn||(sn=cn(["\n  margin-top: 56px;\n"])));const hn=(0,u.Ng)((function(e){return{userPassports:{passports:e.userPassports.passports}}}),{getUserPassportDataRequest:d.NZ})((function(e){var n=e.user,t=e.boxCollection,r=e.meta,i=e.userPassports.passports;return(0,c.useEffect)((function(){i.isLoading()&&(0,d.NZ)({passport_type:h.A.STYLING_FEE})}),[]),c.createElement("div",null,c.createElement(f.h,{type:"normal"},"発送の設定"),c.createElement(un,null,c.createElement(X,{user:n,meta:r,boxCollection:t}),c.createElement(z,{user:n}),c.createElement(pe,{user:n,boxCollection:t,hasValidStylingFeePassport:i.hasValidPassport(h.A.STYLING_FEE)}),c.createElement(on,{user:n,boxCollection:t,hasValidStylingFeePassport:i.hasValidPassport(h.A.STYLING_FEE)}),c.createElement(pn,null,"※発送の停止はフィードバック後の購入手続き完了以降、発送のスキップは「お支払い金額確定のお知らせ」を受信後に行っていただけます。\n                ※初回申し込み前および発送の一時停止中は、サービス料を含めて料金のお支払いは一切ございません。")),c.createElement(dn,null,"戻る"))}))},82309:(e,n,t)=>{t.d(n,{n:()=>p});var r=t(96540),i=t(36158),o=t(26261),a=t(66500),l=t(24880),s=class extends a.Q{constructor(e,n){super(),this.#e=void 0,this.#n=e,this.setOptions(n),this.bindMethods(),this.#t()}#n;#e;#r;#i;bindMethods(){this.mutate=this.mutate.bind(this),this.reset=this.reset.bind(this)}setOptions(e){const n=this.options;this.options=this.#n.defaultMutationOptions(e),(0,l.f8)(n,this.options)||this.#n.getMutationCache().notify({type:"observerOptionsUpdated",mutation:this.#r,observer:this}),this.#r?.setOptions(this.options),n?.mutationKey&&this.options.mutationKey&&(0,l.EN)(n.mutationKey)!==(0,l.EN)(this.options.mutationKey)&&this.reset()}onUnsubscribe(){this.hasListeners()||this.#r?.removeObserver(this)}onMutationUpdate(e){this.#t(),this.#o(e)}getCurrentResult(){return this.#e}reset(){this.#r?.removeObserver(this),this.#r=void 0,this.#t(),this.#o()}mutate(e,n){return this.#i=n,this.#r?.removeObserver(this),this.#r=this.#n.getMutationCache().build(this.#n,this.options),this.#r.addObserver(this),this.#r.execute(e)}#t(){const e=this.#r?.state??(0,i.$)();this.#e={...e,isPending:"pending"===e.status,isSuccess:"success"===e.status,isError:"error"===e.status,isIdle:"idle"===e.status,mutate:this.mutate,reset:this.reset}}#o(e){o.j.batch((()=>{if(this.#i&&this.hasListeners()){const n=this.#e.variables,t=this.#e.context;"success"===e?.type?(this.#i.onSuccess?.(e.data,n,t),this.#i.onSettled?.(e.data,null,n,t)):"error"===e?.type&&(this.#i.onError?.(e.error,n,t),this.#i.onSettled?.(void 0,e.error,n,t))}this.listeners.forEach((e=>{e(this.#e)}))}))}},c=t(97665),u=t(54362);function p(e,n){const t=(0,c.jE)(n),[i]=r.useState((()=>new s(t,e)));r.useEffect((()=>{i.setOptions(e)}),[i,e]);const a=r.useSyncExternalStore(r.useCallback((e=>i.subscribe(o.j.batchCalls(e))),[i]),(()=>i.getCurrentResult()),(()=>i.getCurrentResult())),l=r.useCallback(((e,n)=>{i.mutate(e,n).catch(d)}),[i]);if(a.error&&(0,u.G)(i.options.throwOnError,[a.error]))throw a.error;return{...a,mutate:l,mutateAsync:a.mutate}}function d(){}},54362:(e,n,t)=>{function r(e,n){return"function"==typeof e?e(...n):!!e}t.d(n,{G:()=>r})}}]);
2//# sourceMappingURL=4528.6ec4d36217ac8fa2.js.map