https://relax-job.com/packs/app_packs_legacy_user_frontend_compone…src_ui_parts-1815cc-108440b5f086ae01c729.js

1"use strict";(self.webpackChunkrejob_v2=self.webpackChunkrejob_v2||[]).push([["app_packs_legacy_user_frontend_components_pages_mypage_profiles_credentials_edit_src_ui_parts-1815cc"],{76535:function(n,e,t){var a=t(44772),o=t.n(a),i=t(49265),r=t.n(i)()(o());r.push([n.id,'._16sy8ln0 {\n  position: relative !important;\n  inset: auto !important;\n  top: 76px !important;\n  left: 50% !important;\n  transform: translateX(-50%);\n  width: 100%;\n  max-width: 980px;\n  height: calc(100% - 76px);\n  padding: 0 !important;\n  border: none !important;\n  border-radius: 16px 16px 0 0 !important;\n}\n._16sy8ln1 {\n  z-index: 1001;\n  background-color: rgb(0, 0, 0, 0.6) !important;\n  transition: opacity 100ms ease-in-out;\n}\n._16sy8ln1.ReactModal__Overlay {\n  opacity: 0;\n}\n._16sy8ln1.ReactModal__Overlay--after-open {\n  opacity: 1;\n}\n._16sy8ln2 {\n  position: absolute;\n  display: flex;\n  align-items: center;\n  top: 0;\n  width: 100%;\n  height: 56px;\n  padding: 0 16px;\n  background-color: #fafafa;\n  color: #000;\n  font-size: 20px;\n  font-weight: bold;\n  line-height: 1.2;\n}\n._16sy8ln3 {\n  height: calc(100% - 56px);\n  margin-top: 56px;\n  overflow: hidden;\n}\n._16sy8ln4 {\n  position: absolute;\n  top: 16px;\n  right: 16px;\n  width: 24px;\n  height: 24px;\n  background-image: url("/images/user_frontend/global/icon/icn_delete.svg");\n  background-repeat: no-repeat;\n  background-size: contain;\n  z-index: 1;\n}',"",{version:3,sources:["webpack://./../../shared/node_modules/@vanilla-extract/webpack-plugin/extracted.js"],names:[],mappings:"AAAA;EACE,6BAA6B;EAC7B,sBAAsB;EACtB,oBAAoB;EACpB,oBAAoB;EACpB,2BAA2B;EAC3B,WAAW;EACX,gBAAgB;EAChB,yBAAyB;EACzB,qBAAqB;EACrB,uBAAuB;EACvB,uCAAuC;AACzC;AACA;EACE,aAAa;EACb,8CAA8C;EAC9C,qCAAqC;AACvC;AACA;EACE,UAAU;AACZ;AACA;EACE,UAAU;AACZ;AACA;EACE,kBAAkB;EAClB,aAAa;EACb,mBAAmB;EACnB,MAAM;EACN,WAAW;EACX,YAAY;EACZ,eAAe;EACf,yBAAyB;EACzB,WAAW;EACX,eAAe;EACf,iBAAiB;EACjB,gBAAgB;AAClB;AACA;EACE,yBAAyB;EACzB,gBAAgB;EAChB,gBAAgB;AAClB;AACA;EACE,kBAAkB;EAClB,SAAS;EACT,WAAW;EACX,WAAW;EACX,YAAY;EACZ,yEAAyE;EACzE,4BAA4B;EAC5B,wBAAwB;EACxB,UAAU;AACZ",sourcesContent:['._16sy8ln0 {\n  position: relative !important;\n  inset: auto !important;\n  top: 76px !important;\n  left: 50% !important;\n  transform: translateX(-50%);\n  width: 100%;\n  max-width: 980px;\n  height: calc(100% - 76px);\n  padding: 0 !important;\n  border: none !important;\n  border-radius: 16px 16px 0 0 !important;\n}\n._16sy8ln1 {\n  z-index: 1001;\n  background-color: rgb(0, 0, 0, 0.6) !important;\n  transition: opacity 100ms ease-in-out;\n}\n._16sy8ln1.ReactModal__Overlay {\n  opacity: 0;\n}\n._16sy8ln1.ReactModal__Overlay--after-open {\n  opacity: 1;\n}\n._16sy8ln2 {\n  position: absolute;\n  display: flex;\n  align-items: center;\n  top: 0;\n  width: 100%;\n  height: 56px;\n  padding: 0 16px;\n  background-color: #fafafa;\n  color: #000;\n  font-size: 20px;\n  font-weight: bold;\n  line-height: 1.2;\n}\n._16sy8ln3 {\n  height: calc(100% - 56px);\n  margin-top: 56px;\n  overflow: hidden;\n}\n._16sy8ln4 {\n  position: absolute;\n  top: 16px;\n  right: 16px;\n  width: 24px;\n  height: 24px;\n  background-image: url("/images/user_frontend/global/icon/icn_delete.svg");\n  background-repeat: no-repeat;\n  background-size: contain;\n  z-index: 1;\n}'],sourceRoot:""}]),e.Z=r},70560:function(n,e,t){t.r(e),t.d(e,{default:function(){return d}});var a=t(14140),o=t(15875),i=t(99484),r=t(47711),l=t(89736),c=function(n){var e=n.businessTypeIndex,t=n.label,i=n.value,c=n.credentialRefs,s=n.isWillRefs,d=(0,(0,o.Gc)().getValues)("".concat("form_user_frontend_user_update[credentials_attributes]","[").concat(i,"]")),A=d.user_credential_item_id,u=d.will_flag,p=(0,l.useState)(!u&&A),m=p[0],h=p[1],_=(0,l.useState)(u),f=_[0],C=_[1];return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("dt",{children:t}),(0,a.jsxs)("dd",{className:r.lk,children:[(0,a.jsxs)("span",{className:r.g1,children:[(0,a.jsx)("input",{type:"checkbox",value:i,id:"".concat(i),ref:c.current[e],checked:m,onChange:function(n){n.target.checked?(h(!0),C(!1)):h(!1)},className:r.f3}),(0,a.jsx)("label",{htmlFor:"".concat(i),className:r.z9({active:!!m}),children:"取得済み"})]}),(0,a.jsxs)("span",{className:r.g1,children:[(0,a.jsx)("input",{type:"checkbox",value:"".concat(i),id:"".concat(i,"_will"),ref:s.current[e],checked:f,onChange:function(n){n.target.checked?(h(!1),C(!0)):C(!1)},className:r.f3}),(0,a.jsx)("label",{htmlFor:"".concat(i,"_will"),className:r.z9({active:!!f}),children:"取得予定"})]})]})]})},s=t(30250),d=function(n){var e=n.jobTypeName,t=n.isModalOpen,l=n.closeModal,d=n.credentialItems,A=n.credentialRef

1s,u=n.isWillRefs,p="form_user_frontend_user_update[credentials_attributes]",m=(0,o.Gc)(),h=m.setValue,_=m.clearErrors;return(0,a.jsxs)(i.Z,{isModalOpen:t,closeModal:l,heading:"".concat(e,"の資格"),children:[(0,a.jsx)("dl",{className:r.ic,children:d.map((function(n,e){var t=n.key,o=n.value;return(0,a.jsx)(c,{businessTypeIndex:e,label:t,value:o,credentialRefs:A,isWillRefs:u},t)}))}),(0,a.jsx)("div",{className:r.$S,children:(0,a.jsx)("div",{className:r.Yq,children:(0,a.jsx)(s.z,{theme:"primary",onClick:function(){A.current.forEach((function(n){var e,t,a;h("".concat(p,"[").concat(null===(e=n.current)||void 0===e?void 0:e.value,"][user_credential_item_id]"),(null===(t=n.current)||void 0===t?void 0:t.checked)?Number(null===(a=n.current)||void 0===a?void 0:a.value):0)})),u.current.forEach((function(n){var e,t,a,o,i;h("".concat(p,"[").concat(null===(e=n.current)||void 0===e?void 0:e.value,"][will_flag]"),null===(t=n.current)||void 0===t?void 0:t.checked),(null===(a=n.current)||void 0===a?void 0:a.checked)&&h("".concat(p,"[").concat(null===(o=n.current)||void 0===o?void 0:o.value,"][user_credential_item_id]"),Number(null===(i=n.current)||void 0===i?void 0:i.value))})),_("form_user_frontend_user_update[credentials]"),_("form_user_frontend_user_update[experiences]"),l()},children:"追加する"})})})]})}},99484:function(n,e,t){t.d(e,{Z:function(){return B}});var a=t(14140),o=t(89736),i=t(56226),r=t.n(i),l=t(46213),c=t(57159),s=t.n(c),d=t(35635),A=t.n(d),u=t(75430),p=t.n(u),m=t(26832),h=t.n(m),_=t(94811),f=t.n(_),C=t(42021),g=t.n(C),v=t(76535),y={};y.styleTagTransform=g(),y.setAttributes=h(),y.insert=p().bind(null,"head"),y.domAPI=A(),y.insertStyleElement=f();s()(v.Z,y),v.Z&&v.Z.locals&&v.Z.locals;var x=function(){return x=Object.assign||function(n){for(var e,t=1,a=arguments.length;t<a;t++)for(var o in e=arguments[t])Object.prototype.hasOwnProperty.call(e,o)&&(n[o]=e[o]);return n},x.apply(this,arguments)},B=function(n){var e=n.heading,t=n.isModalOpen,i=n.closeModal,c=n.children,s=(0,o.useState)(0),d=s[0],A=s[1];return(0,a.jsx)(r(),{isOpen:t,onRequestClose:i,onAfterOpen:function(){var n=document.documentElement.scrollTop||document.body.scrollTop;A(n),document.body.style.position="fixed",document.body.style.width="100%",document.body.style.top="-".concat(n,"px")},onAfterClose:function(){document.body.style.position="",document.body.style.width="",document.body.style.top="",window.scrollTo(0,d)},ariaHideApp:!1,contentElement:function(n,t){var o;return(0,a.jsxs)("div",x({},n,{className:"".concat(null!==(o=n.className)&&void 0!==o?o:""," ").concat("_16sy8ln0"),children:[(0,a.jsx)(l.k,{type:"button",className:"_16sy8ln4",onClick:i}),(0,a.jsx)("div",{className:"_16sy8ln2",children:e}),(0,a.jsx)("div",{className:"_16sy8ln3",children:t})]}))},overlayElement:function(n,e){var t;return(0,a.jsx)("div",x({},n,{className:"".concat(null!==(t=n.className)&&void 0!==t?t:""," ").concat("_16sy8ln1"),children:e}))},children:c})}}}]);
2//# sourceMappingURL=app_packs_legacy_user_frontend_components_pages_mypage_profiles_credentials_edit_src_ui_parts-1815cc-108440b5f086ae01c729.js.map