https://class.cmdspace.kr/static/js/29.4fb8394a.chunk.js

1(this["webpackJsonppubl-uw"]=this["webpackJsonppubl-uw"]||[]).push([[29],{2847:function(e,t,n){"use strict";n.r(t);var i,c=n(7),o=n(17),a=n(14),s=n(2),r=n(4),l=n.n(r),d=n(29),u=n(182),p=n(9),b=n(16),x=n(37),g=n(10);!function(e){e.SHORT_ANSWER="SHORT_ANSWER",e.LONG_ANSWER="LONG_ANSWER",e.RADIO="RADIO",e.CHECKBOX="CHECKBOX",e.DROPDOWN="DROPDOWN"}(i||(i={}));var j=n(316),f=function(e){return e.questionnaire.questionnaire},h=function(e){return e.questionnaire.hasAlreadyAnswered},m=n(257),v=n(13),_=n(5),O=n(0),w=function(e){var t=e.text,n=e.value,i=e.uuid,c=e.checked,o=e.onChange,a=e.customColor,r=e.imageLabelRender;return Object(O.jsx)(T,{color:a,children:Object(O.jsxs)(S,{htmlFor:"".concat(i,"-").concat(n),children:[r&&r,Object(O.jsxs)(C,{children:[Object(O.jsx)(D,{children:c?Object(O.jsx)(s.Icon,{size:16,iconName:"ic_checkbox_on",fillType:"fill",colorKey:"ui_cpnt_selcontrols_icon_primary"}):Object(O.jsx)(s.Icon,{size:16,iconName:"ic_checkbox_off",fillType:"line",colorKey:"ui_cpnt_selcontrols_icon_default"})}),t&&Object(O.jsx)(I,{children:Object(O.jsx)(s.D_TextLabel,{text:t,styleTheme:"body2Regular"})})]}),Object(O.jsx)("input",{hidden:!0,type:"checkbox",checked:c,id:"".concat(i,"-").concat(n),onChange:o,value:n})]})})},y=function(e){var t=e.options,n=e.onSelect,i=e.selectedValue,c=e.qid,d=e.etcId,u=l.a.useState(i||[]),p=Object(a.a)(u,2),b=p[0],x=p[1],g=t.some((function(e){return e.imageSrc})),j=t.filter((function(e){return e.value!==d})),f=t.find((function(e){return e.value===d})),h=l.a.useMemo((function(){var e=new Map;return t.forEach((function(t){void 0!==t.order&&e.set(t.value,t.order)})),e}),[t]),m=function(e){var t;t=b.includes(e)?b.filter((function(t){return t!==e})):[].concat(Object(o.a)(b),[e]);var i=Object(o.a)(t).sort((function(e,t){var n,i;return(null!==(n=h.get(e))&&void 0!==n?n:Number.MAX_SAFE_INTEGER)-(null!==(i=h.get(t))&&void 0!==i?i:Number.MAX_SAFE_INTEGER)}));x(i),n(i,c)};return Object(O.jsxs)(O.Fragment,{children:[g?Object(O.jsx)(B,{children:j.map((function(e,t){return Object(O.jsx)(A,{color:"#1e1e20",children:Object(O.jsx)(w,{text:e.label,value:e.value,uuid:c,checked:b.includes(e.value),onChange:function(e){e.stopPropagation(),m(e.target.value)},customColor:"#1e1e20",imageLabelRender:Object(O.jsxs)(O.Fragment,{children:[Object(O.jsx)(s.ImageView,{src:e.imageSrc,width:"responsive",shapeType:"rectangle",scaleType:"cover",ratio:"4_3"}),Object(O.jsx)(s.Spacing,{size:"spacing_b"})]})})},t)}))}):j.map((function(e,t){return Object(O.jsxs)(r.Fragment,{children:[Object(O.jsx)(w,{text:e.label,value:e.value,checked:b.includes(e.value),uuid:c,onChange:function(e){e.stopPropagation(),m(e.target.value)},customColor:"#1e1e20"}),e.imageSrc&&Object(O.jsx)(s.ImageView,{src:e.imageSrc,width:"responsive",shapeType:"rectangle",ratio:"4_3"})]},t)})),f&&Object(O.jsx)(O.Fragment,{children:Object(O.jsx)(E,{children:Object(O.jsx)(w,{text:f.label,value:f.value,checked:b.includes(f.value),onChange:function(e){e.stopPropagation(),m(e.target.value)},customColor:"#1e1e20",uuid:c})})})]})},T=_.default.div.withConfig({displayName:"S_Checkbox",componentId:"sc-3dv4d3-0"})(["align-items:center;display:flex;padding-block:",";& path:first-of-type{fill:",";}position:relative;& [x-pds-name='ImageView']{background-color:#e3e5e9;& div{background-color:#e3e5e9;}}"],(function(e){return e.theme.spacing.spacingB}),(function(e){return e.color})),S=_.default.label.withConfig({displayName:"S_Label",componentId:"sc-3dv4d3-1"})(["cursor:pointer;padding-left:",";position:relative;width:100%;"],(function(e){return e.theme.spacing.spacingA})),C=_.default.div.withConfig({displayName:"S_FlexLabel",componentId:"sc-3dv4d3-2"})(["align-items:start;display:inline-flex;"]),I=_.default.div.withConfig({displayName:"S_TextWrapper",componentId:"sc-3dv4d3-3"})(["padding-left:",";"],(function(e){return e.theme.spacing.spacingB})),D=_.default.div.withConfig({displayName:"S_CheckIconBox",componentId:"sc-3dv4d3-4"})(["padding-top:2px;"]),A=_.default.div.withConfig({displayName:"S_GridOptionBox",componentId:"sc-3dv4d3-5"})(["display:flex;flex-direction:column;width:100%;"]),B=_.default.div.withConfig({displayName:"S_GridOptionWrapper",componentId:"sc-3dv4d3-6"})(["display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));margin:0 auto;max-width:800px;width:100%;"]),E=_.default.div.withConfig({displayName:"S_EtcOptionWrapper",componentId:"sc-3dv4d3-7"})(["width:100%;"]),k=n(796),q=n(795);var N=function(){var e=Object(r.useContext)(q.a);if(null===e)throw new Error("useMobileAlert should be used within MobileAlertProvider");return e};t.default=function(){var e,t=Object(u.a)().t,n=Object(b.m)(),_=n.id,w=n.channelCode,T=Object(b.k)(),S=Object(p.d)(f),C=Object(p.d)(h),I=Object(p.c)(),D=N(),A=D.openMobileAlert,B=D.closeMobileAlert,E=g.b.validateJwtToken(localStorage.getItem("".concat("@prod/access_token","_").concat(w)||!1)),q=Object(a.a)(E,3)[2],H=q&&q.sub.includes("User"),K=["machine.publr.co","console.dev.publ.biz","console.publ.biz","dev.test.publ.biz","console.qa.publ.biz"],X=l.a.useState(!1),Q=Object(a.a)(X,2),J=Q[0],U=Q[1],Y=l.a.useState(!1),Z=Object(a.a)(Y,2),$=Z[0],ee=Z[1];Object(r.useEffect)((function(){var e=function(e){if("@questionnaire_parentDomainInfo"===e.data.type){var t=e.data.domain,n=K.some((function(e){return t.includes(e)})),i=t.includes(w);U(n&&i)}};window.addEventListener("message",e);try{var t;null===(t=window.top)||void 0===t||t.postMessage({type:"@questionnaire_requestDomainInfo"},"*")}catch(n){U(!1)}return function(){window.removeEventListener("message",e)}}),[w]);var te=function(){try{var e=window.parent.location.hostname;return window.location.hostname===e}catch(t){return!1}}(),ne=Object(d.useForm)({mode:"onChange"}),ie=ne.setValue,ce=(0,ne.watch)("answers"),oe=!(!ce||null===S||void 0===S||!S.questions)&&S.questions.every((function(e,t){var n;if(!e.isEssential)return!0;var c=ce[t];return!!c&&!(!c.values||0===c.values.length)&&!((e.type===i.RADIO||e.type===i.CHECKBOX)&&null!==(n=e.detail)&&void 0!==n&&n.hasSubTextField&&c.values.includes("etc_".concat(_))&&!c.subTextFieldValue)}));Object(r.useEffect)((function(){if(_)return I(j.a.fetchQuestionnaire({qrid:_})),I(j.a.hasAlreadyAnswered({qrid:_})),function(){}}),[_]);var ae=function(){var e;return(null===S||void 0===S||null===(e=S.questions)||void 0===e?void 0:e.map((function(e){return{qid:e.qid,values:[],subTextFieldValue:""}})))||[]};Object(r.useEffect)((function(){S&&ne.reset({answers:ae(),answererType:H&&te?"MEMBER":"GUEST"})}),[_,S,H,ne]),Object(r.useEffect)((function(){S&&S.questions.forEach((function(e,t){var n;e.isEssential&&(ne.register("answers.".concat(t,".values"),{required:!0}),e.type!==i.RADIO&&e.type!==i.CHECKBOX||null===ce||void 0===ce||null===(n=ce[t])||void 0===n||!n.values.includes("etc_".concat(_))||ne.register("answers.".concat(t,".subTextFieldValue"),{required:!0}))}

1))}),[ce,S,ne]);var se=function(e,t){ie("answers.".concat(t,".values"),"string"!==typeof e?e:[e])},re=function(e,n,c,a,r,l){var d,u;switch(e){case i.SHORT_ANSWER:return Object(O.jsx)(s.D_TextField,{name:"answers.".concat(c,".values"),hintText:l||t("str_8504"),responsiveMode:"use",validationPoint:"onChange"});case i.LONG_ANSWER:return Object(O.jsx)(s.D_TextField,{name:"answers.".concat(c,".values"),hintText:l||t("str_8504"),textLineType:"multi",responsiveMode:"use",validationPoint:"onChange"});case i.RADIO:return Object(O.jsxs)(O.Fragment,{children:[a&&Object(O.jsx)(k.a,{options:r?[].concat(Object(o.a)(a),[{label:t("str_8445"),value:"etc_".concat(_)}]):a,onSelect:function(e){return se(e,c)},uuid:n,etcId:"etc_".concat(_)}),r&&(null===ce||void 0===ce||null===(d=ce[c])||void 0===d?void 0:d.values.includes("etc_".concat(_)))&&Object(O.jsx)(s.D_TextField,{name:"answers.".concat(c,".subTextFieldValue"),responsiveMode:"use",hintText:t("str_8454"),validationPoint:"onChange"})]});case i.CHECKBOX:return Object(O.jsxs)(O.Fragment,{children:[a&&Object(O.jsx)(y,{options:r?[].concat(Object(o.a)(a),[{label:t("str_8445"),value:"etc_".concat(_)}]):a,onSelect:function(e){return se(e,c)},qid:n,etcId:"etc_".concat(_)}),r&&(null===ce||void 0===ce||null===(u=ce[c])||void 0===u?void 0:u.values.includes("etc_".concat(_)))&&Object(O.jsx)(s.D_TextField,{name:"answers.".concat(c,".subTextFieldValue"),responsiveMode:"use",hintText:t("str_8454"),validationPoint:"onChange"})]});case i.DROPDOWN:return a&&Object(O.jsx)(s.D_Dropdown,{valueArray:a.map((function(e){return{text:e.label,value:e.value}})),responsiveMode:"use",hintText:l||t("str_8455"),onChange:function(e){se(e.value,c)}});default:return null}},le=Object(m.c)([j.a.fetchQuestionnaire,j.a.createAnswer]);return le.isActionCompleted(j.a.fetchQuestionnaire)&&!S?Object(O.jsx)(b.c,{to:v.cc}):le.isActionCompleted(j.a.fetchQuestionnaire)?J||(te||null!==S&&void 0!==S&&S.isGuestAnswerAllowed)&&(null===S||void 0===S||!S.isDeactivated)?J||!te||!C||null!==S&&void 0!==S&&S.isDuplicateAnswerAllowed?$?Object(O.jsxs)(V,{children:[Object(O.jsx)(s.Spacing,{size:"spacing_i"}),Object(O.jsx)(s.ImageView,{width:120,height:120,src:"https://static.publ.site/questionnaire/core_image_questionnaire_success.png"}),Object(O.jsx)(s.Spacing,{size:"spacing_e"}),Object(O.jsx)(s.D_TextLabel,{text:t("str_8507"),styleTheme:"headingBold",colorOverride:"ui_sw_sidebar_badge_text_02"}),Object(O.jsx)(s.Spacing,{size:"spacing_e"}),Object(O.jsx)(R,{children:Object(O.jsx)(s.D_MainButton,{text:t("str_confirm"),size:"large",responsiveMode:"use",onClick:function(){return T.go(0)}})})]}):Object(O.jsxs)(F,{bgColor:null===S||void 0===S?void 0:S.backgroundColorInHex,isDimmed:!(!S||null!==S&&void 0!==S&&S.isGuestAnswerAllowed||!te||H),children:[!J&&S&&!(null!==S&&void 0!==S&&S.isGuestAnswerAllowed)&&te&&!H&&Object(O.jsxs)(G,{children:[Object(O.jsx)(s.Spacing,{size:"spacing_i"}),Object(O.jsxs)(W,{children:[Object(O.jsx)(s.D_TextLabel,{text:t("str_8502"),styleTheme:"leadParaBold"}),Object(O.jsx)(s.Spacing,{size:"spacing_c"}),Object(O.jsx)(s.D_TextLabel,{styleTheme:"body1Regular",text:t("str_8503"),wordBreak:"break_all",textAlign:"center"})]})]}),Object(O.jsxs)(z,{children:[Object(O.jsxs)(M,{children:[(null===S||void 0===S?void 0:S.coverImageSrc)&&Object(O.jsx)(O.Fragment,{children:Object(O.jsx)(s.ImageView,{src:null===S||void 0===S?void 0:S.coverImageSrc,shapeType:"rectangle",width:"responsive",height:200,scaleType:"cover"})}),Object(O.jsx)(s.Spacing,{size:"spacing_f"}),Object(O.jsxs)(L,{children:[Object(O.jsx)(s.D_TextLabel,{text:""===(null===S||void 0===S?void 0:S.titleDisplay)?t("str_8448"):null===S||void 0===S?void 0:S.titleDisplay,styleTheme:"headingBold",colorTheme:"sysTextBlack"}),Object(O.jsx)(s.Spacing,{size:"spacing_b"}),Object(O.jsx)(O.Fragment,{children:Object(O.jsx)(s.D_TextLabel,{text:null===S||void 0===S?void 0:S.description,styleTheme:"body2Regular",colorTheme:"sysTextSecondary"})})]}),Object(O.jsx)(s.Spacing,{size:"spacing_f"})]}),Object(O.jsx)(s.Spacing,{size:"spacing_b"}),Object(O.jsx)(d.FormProvider,Object(c.a)(Object(c.a)({},ne),{},{children:Object(O.jsxs)("form",{onSubmit:ne.handleSubmit((function(e){var n=e.answers.map((function(e){var t=e.qid,n=e.values,i=e.subTextFieldValue;return{qid:t,values:"string"!==typeof n?n.filter((function(e){return e!=="etc_".concat(_)})):[n],subTextFieldValue:n.includes("etc_".concat(_))?i:""}}));I(j.a.createAnswer(Object(c.a)(Object(c.a)({},e),{},{answers:n,answeredAt:(new Date).toISOString(),qrid:_,onError:function(e){409===e.status&&A({titleText:t("str_8508"),contentText:t

1("str_8501"),btnMode:"tbtn_amount1",tBtn1Text:t("str_confirm"),onClickTBtn1:function(){B()}}),403===e.status&&A({titleText:t("str_8508"),contentText:t("str_8509"),btnMode:"tbtn_amount1",tBtn1Text:t("str_confirm"),onClickTBtn1:function(){B()}}),400===e.status&&A({contentText:t("str_8510"),btnMode:"tbtn_amount1",tBtn1Text:t("str_confirm"),onClickTBtn1:function(){B(),T.go(0)}})},onSuccess:function(){var e;ee(!0),null===(e=window.top)||void 0===e||e.postMessage({type:"@questionnaire_scroll_to_middle"},"*")}})))})),children:[null===S||void 0===S||null===(e=S.questions)||void 0===e?void 0:e.map((function(e,n){var i,c,o;return Object(O.jsxs)(P,{id:e.qid,children:[Object(O.jsx)(s.D_TextLabel,{text:""===e.title?t("str_8446"):e.title,styleTheme:"subTitleBold",requirementMode:e.isEssential?"use":"none"}),e.description&&Object(O.jsxs)(O.Fragment,{children:[Object(O.jsx)(s.Spacing,{size:"spacing_b"}),Object(O.jsx)(s.D_TextLabel,{text:e.description,styleTheme:"caption1Regular",colorTheme:"sysTextSecondary"})]}),Object(O.jsx)(s.Spacing,{size:"spacing_e"}),Object(O.jsx)(s.D_BasicFormGroup,{inputForm:re(e.type,e.qid,n,null===(i=e.detail)||void 0===i?void 0:i.options,null===(c=e.detail)||void 0===c?void 0:c.hasSubTextField,null===(o=e.detail)||void 0===o?void 0:o.hintText)})]},e.qid)})),Object(O.jsx)(s.Spacing,{size:"spacing_f"}),Object(O.jsx)(R,{disabled:!oe,children:Object(O.jsx)(s.D_MainButton,{text:t("str_questionnaire_submit"),size:"large",responsiveMode:"use",type:"submit",isSubmitting:le.isActionPending(j.a.createAnswer),state:oe?"normal":"disabled"})})]})})),Object(O.jsx)(s.Spacing,{size:"spacing_g"})]})]}):Object(O.jsxs)(V,{children:[Object(O.jsx)(s.Spacing,{size:"spacing_i"}),Object(O.jsx)(s.ImageView,{width:120,height:120,src:"https://static.publ.site/questionnaire/core_image_questionnaire_guard.png"}),Object(O.jsx)(s.Spacing,{size:"spacing_f"}),Object(O.jsx)(s.D_TextLabel,{text:t("str_8500"),styleTheme:"headingBold",colorOverride:"ui_sw_sidebar_badge_text_02"}),Object(O.jsx)(s.Spacing,{size:"spacing_b"}),Object(O.jsx)(s.D_TextLabel,{text:t("str_8501"),styleTheme:"caption1Regular",colorOverride:"ui_56"})]}):Object(O.jsxs)(V,{children:[Object(O.jsx)(s.Spacing,{size:"spacing_i"}),Object(O.jsx)(s.ImageView,{width:120,height:120,src:"https://static.publ.site/questionnaire/core_image_questionnaire_guard.png"}),Object(O.jsx)(s.Spacing,{size:"spacing_f"}),Object(O.jsx)(s.D_TextLabel,{text:t("str_8498"),styleTheme:"headingBold",colorOverride:"ui_sw_sidebar_badge_text_02"}),Object(O.jsx)(s.Spacing,{size:"spacing_b"}),Object(O.jsx)(s.D_TextLabel,{text:t("str_8499"),styleTheme:"caption1Regular",colorOverride:"ui_56"})]}):Object(O.jsx)(x.x,{})};var z=_.default.div.withConfig({displayName:"S_PreviewScrollable",componentId:"sc-bcpfcf-0"})(["max-width:800px;min-height:100%;overflow-y:hidden;width:100%;@media (max-width:600px){width:100%;min-width:320px;}"]),F=_.default.div.withConfig({displayName:"S_Background",componentId:"sc-bcpfcf-1"})(["background-color:",";display:flex;justify-content:center;min-height:100%;overflow:",";position:relative;"],(function(e){return e.bgColor}),(function(e){return e.isDimmed?"hidden":"auto"})),R=_.default.div.withConfig({displayName:"S_MainButtonBox",componentId:"sc-bcpfcf-2"})(["& [x-pds-name='MainButton']{background-color:",";border:1px solid #ffffff33;& [x-pds-name='TextLabel']{color:",";}}& button{background-color:#1e1e20;}@media (max-width:800px){width:90%;margin:0 auto;}"],(function(e){return e.disabled?"#e3e5e9":"#1e1e20"}),(function(e){return e.disabled?"#aaaab1":"#ffffff"})),M=_.default.div.withConfig({displayName:"S_QuestionnaireBox",componentId:"sc-bcpfcf-3"})(["background-color:white;box-sizing:border-box;margin-top:",";position:relative;"],(function(e){return e.theme.spacing.spacingC})),L=_.default.div.withConfig({displayName:"S_PaddingInline",componentId:"sc-bcpfcf-4"})(["padding-inline:",";"],(function(e){return e.theme.spacing.spacingE})),P=_.default.div.withConfig({displayName:"S_QuestionBox",componentId:"sc-bcpfcf-5"})(["background-color:white;box-sizing:border-box;margin-bottom:",";padding:",";position:relative;width:100%;"],(function(e){return e.theme.spacing.spacingB}),(function(e){return e.theme.spacing.spacingE})),V=_.default.div.withConfig({displayName:"S_GardBox",componentId:"sc-bcpfcf-6"})(["align-items:center;background-color:white;border-radius:8px;display:flex;flex-direction:column;height:100vh;width:100%;"]),G=_.default.div.withConfig({displayName:"S_DimmedBox",componentId:"sc-bcpfcf-7"})(["align-items:center;background-color:rgba(0,0,0,0.6);display:flex;flex-direction:column;height:100%;position:fixed;top:0;width:100%;z-index:1;& [x-pds-name='TextLabel']{color:white;}"]),W=_.default.div.withConfig({displayName:"S_DimmedTextBox",componentId:"sc-bcpfcf-8"})(["align-items:center;background-color:#1e1e20;border-radius:24px;box-shadow:0px 4px 8px rgba(0,0,0,0.1);display:flex;flex-direction:column;justify-content:center;margin:0 24px;padding:24px;width:480px;"])}}]);