{"version":3,"file":"static/chunks/pages/b2b-836f7f2de8be5b3d.js","mappings":"AACA","sources":["webpack://_N_E/?10df","webpack://_N_E/./src/components/Formik.tsx","webpack://_N_E/./src/components/Suffix.tsx","webpack://_N_E/./src/components/TextBreak.tsx","webpack://_N_E/./src/lib/apiService/index.ts","webpack://_N_E/./src/lib/viewModels/useViewModel.ts","webpack://_N_E/./src/lib/viewModels/index.ts","webpack://_N_E/./src/modules/landings/b2b/commands/submitB2BInquiryCommand.ts","webpack://_N_E/./src/modules/landings/b2b/B2bInquiryFormViewModel.tsx","webpack://_N_E/./src/modules/landings/b2b/B2bInquiryForm.tsx","webpack://_N_E/./src/modules/landings/b2b/B2bInquiryFormView.tsx","webpack://_N_E/./src/modules/landings/b2b/B2bPage.tsx","webpack://_N_E/./src/pages/b2b/index.tsx","webpack://_N_E/"],"sourcesContent":["\n (window.__NEXT_P = window.__NEXT_P || []).push([\n \"/b2b\",\n function () {\n return require(\"private-next-pages/b2b/index.tsx\");\n }\n ]);\n if(module.hot) {\n module.hot.dispose(function () {\n window.__NEXT_P.push([\"/b2b\"])\n });\n }\n ","import { getIn } from \"formik\";\nexport const getError = (name, param)=>{\n let { touched , errors , status } = param;\n const fieldTouched = getIn(touched, name);\n const backendError = getIn(status, [\n \"apiErrors\",\n name\n ]);\n const clientError = getIn(errors, name);\n if (clientError && fieldTouched) {\n return clientError;\n }\n if (backendError && !fieldTouched) {\n return backendError;\n }\n return undefined;\n};\n","import { jsx as _jsx } from \"react/jsx-runtime\";\nimport React from \"react\";\nexport const suffix = /*#__PURE__*/ _jsx(\"span\", {});\n","import { _ as _tagged_template_literal } from \"@swc/helpers/_/_tagged_template_literal\";\nfunction _templateObject() {\n const data = _tagged_template_literal([\n \"\\n display: block;\\n\"\n ]);\n _templateObject = function() {\n return data;\n };\n return data;\n}\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport styled from \"styled-components\";\nimport classNames from \"classnames\";\nconst TextBreakWrapper = styled.span.withConfig({\n componentId: \"sc-a7c8773c-0\"\n})(_templateObject());\nexport const TextBreak = (param)=>{\n let { customClassName } = param;\n return /*#__PURE__*/ _jsx(TextBreakWrapper, {\n className: classNames(\"text-break\", customClassName)\n });\n};\n","export * from \"./ICommand\";\nexport * from \"./RestfulApiService\";\nexport const isAxiosError = (error)=>!!error.isAxiosError;\n","import { useRef } from \"react\";\nimport { useRouter } from \"next/router\";\n/**\n * Create ref to the functional component (It will not re-run on each render)\n * @param ViewModelConstructor\n * @param props context\n * @return ViewModelConstructor\n */ export function useViewModel(props, ViewModelConstructor) {\n const router = useRouter();\n let vmRef = useRef(ViewModelConstructor({\n ...props,\n router\n }));\n return vmRef.current;\n}\n","export * from \"./interface\";\nexport * from \"./useViewModel\";\n","/**\n * B2B 문의 - DB등록없이 메일과 슬랙 발송\n * @param dto SubmitB2BInquiryRequestDTO\n * @returns Promise\n */ export class SubmitB2BInquiryCommand {\n execute(dto) {\n const url = \"/inquiry/b2b\";\n return this.apiService.fetch(url, {\n method: \"POST\",\n data: dto\n }).then((res)=>res.data);\n }\n constructor(apiService){\n this.apiService = apiService;\n }\n}\n","import { Modal } from \"antd\";\nimport { runInAction } from \"mobx\";\nimport { useLocalObservable } from \"mobx-react-lite\";\nimport { useMemo } from \"react\";\nimport { SubmitB2BInquiryCommand } from \"./commands/submitB2BInquiryCommand\";\nexport const B2bInquiryFormViewModel = (param)=>{\n let { apiService } = param;\n const getB2binquiryCommand = useMemo(()=>new SubmitB2BInquiryCommand(apiService), [\n apiService\n ]);\n const store = useLocalObservable(()=>({}));\n const status = useLocalObservable(()=>({\n errors: [],\n initialized: false,\n loading: false,\n initialStatus: {\n apiErrors: {}\n },\n initialValues: {\n companyName: \"\",\n managerName: \"\",\n email: \"\",\n phone: \"\",\n content: \"\",\n isAgreeTerms: false\n },\n isAgreeTerms: false\n }));\n const actions = useLocalObservable(()=>({\n toggleAgreeTerm () {\n runInAction(()=>{\n status.isAgreeTerms = !status.isAgreeTerms;\n });\n },\n async onSubmit (values, formikActions) {\n // formikActions.setSubmitting(true)\n if (!values.isAgreeTerms) {\n alert(\"약관에 동의해주세요\");\n formikActions.setSubmitting(false);\n } else {\n try {\n values.phone = values.phone.replace(/(\\d{3})(\\d{4})(\\d{4})/, \"$1-$2-$3\");\n const response = await getB2binquiryCommand.execute(values);\n if (response.success) {\n Modal.success({\n title: \"문의가 접수되었습니다.\",\n content: \"담당자가 확인 후 연락드리겠습니다.\"\n });\n } else {\n //@todo 계속 에러로 반환됨 (isAgreeTerms가 없다고 함)\n Modal.error({\n title: \"문의 접수에 실패했습니다.\",\n content: \"잠시 후 다시 시도해주세요.\"\n });\n }\n } catch (e) {\n Modal.error({\n title: \"Error\",\n content: e.message\n });\n } finally{\n formikActions.setSubmitting(false);\n formikActions.resetForm();\n }\n }\n },\n dispose () {},\n async submitB2bInquiry (dto) {\n try {\n const response = await getB2binquiryCommand.execute(dto);\n } catch (e) {\n Modal.error({\n title: \"Error\",\n content: e.message\n });\n }\n }\n }));\n return {\n status,\n actions\n };\n};\n","import { _ as _tagged_template_literal } from \"@swc/helpers/_/_tagged_template_literal\";\nfunction _templateObject() {\n const data = _tagged_template_literal([\n \"\\n max-width: 792px;\\n margin: 40px auto 0;\\n background-color: #fff;\\n\\n @media (max-width: 1200px) {\\n margin-top: 24px;\\n }\\n @media (max-width: 768px) {\\n }\\n\"\n ]);\n _templateObject = function() {\n return data;\n };\n return data;\n}\nfunction _templateObject1() {\n const data = _tagged_template_literal([\n \"\\n display: flex;\\n flex-wrap: wrap;\\n gap: 24px;\\n padding: 40px;\\n\\n @media (max-width: 1200px) {\\n }\\n @media (max-width: 768px) {\\n display: block;\\n padding: 24px 16px;\\n }\\n\\n .ant-form-item .ant-form-item-label > label {\\n &,\\n &:not(.ant-form-item-required-mark-optional) {\\n &::before,\\n &::after {\\n content: '';\\n }\\n }\\n //&.ant-form-item-required::after {\\n //\tdisplay: inline-block;\\n //\tcontent: '(필수)';\\n //}\\n }\\n\\n .ant-form-item-label {\\n display: flex;\\n align-items: start;\\n width: 94px;\\n margin-right: 10px;\\n\\n @media (max-width: 1200px) {\\n }\\n @media (max-width: 768px) {\\n width: 82px;\\n margin-right: 8px;\\n }\\n\\n label {\\n width: 100%;\\n font-size: 16px;\\n font-weight: 600;\\n text-align: left;\\n color: \",\n \";\\n padding-top: 15px;\\n\\n @media (max-width: 1200px) {\\n }\\n @media (max-width: 768px) {\\n font-size: 14px;\\n padding-top: 8px;\\n }\\n }\\n }\\n\\n .ant-form-item-control {\\n .ant-form-item-explain {\\n .ant-form-item-explain-error {\\n li {\\n color: red;\\n margin-top: 8px;\\n }\\n }\\n }\\n }\\n\\n input,\\n textarea {\\n font-size: 14px;\\n font-weight: normal;\\n padding: 12px 16px;\\n border-radius: 0;\\n border: solid 1px rgba(27, 27, 41, 0.1);\\n\\n &,\\n &:hover {\\n border-color: rgba(27, 27, 41, 0.1);\\n }\\n\\n &:focus {\\n border-color: \",\n \";\\n outline: none;\\n box-shadow: none;\\n }\\n\\n @media (max-width: 1200px) {\\n }\\n @media (max-width: 768px) {\\n padding: 8px 12px;\\n }\\n }\\n\\n input {\\n }\\n textarea {\\n height: 103px;\\n resize: none;\\n }\\n\\n .terms {\\n display: flex;\\n justify-content: center;\\n }\\n\"\n ]);\n _templateObject1 = function() {\n return data;\n };\n return data;\n}\nfunction _templateObject2() {\n const data = _tagged_template_literal([\n \"\\n display: block;\\n width: 100%;\\n text-align: center;\\n\\n @media (max-width: 1200px) {\\n }\\n @media (max-width: 768px) {\\n margin-top: 16px;\\n }\\n\\n .ant-form-item {\\n margin: 0;\\n\\n .ant-form-item-control-input {\\n .ant-checkbox-wrapper {\\n span {\\n &:not(.ant-checkbox) {\\n font-size: 14px;\\n font-weight: 600;\\n }\\n\\n .ant-btn {\\n padding: 0 15px;\\n border: none;\\n box-shadow: none;\\n\\n span {\\n color: \",\n \";\\n }\\n\\n &:hover {\\n opacity: 0.7;\\n }\\n }\\n }\\n }\\n }\\n }\\n\\n .ant-btn {\\n &-primary {\\n width: 100%;\\n height: 48px;\\n font-size: 16px;\\n font-weight: bold;\\n color: #fff;\\n margin-top: 24px;\\n border-radius: 2px;\\n background-color: \",\n \";\\n\\n @media (hover: hover) {\\n background-color: #113ac3;\\n }\\n\\n span {\\n color: #fff;\\n }\\n }\\n }\\n\"\n ]);\n _templateObject2 = function() {\n return data;\n };\n return data;\n}\nfunction _templateObject3() {\n const data = _tagged_template_literal([\n \"\\n flex: 1 1 40%;\\n margin: 0;\\n\\n .ant-row {\\n .ant-col {\\n .ant-input-affix-wrapper {\\n height: 48px;\\n border-radius: 2px;\\n border-color: rgba(27, 27, 41, 0.1);\\n\\n &.ant-input-affix-wrapper-focused {\\n border-color: \",\n \";\\n }\\n &.ant-input-affix-wrapper-status-error {\\n border-color: #ff7875;\\n }\\n }\\n }\\n }\\n\\n @media (max-width: 1200px) {\\n &:not(:nth-of-type(1)) {\\n margin-top: 8px;\\n }\\n }\\n @media (max-width: 768px) {\\n .ant-form-item-control-input {\\n .ant-form-item-control-input-content {\\n input {\\n padding: 8px 12px;\\n }\\n }\\n }\\n }\\n\"\n ]);\n _templateObject3 = function() {\n return data;\n };\n return data;\n}\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport styled from \"styled-components\";\nimport { getError } from \"@/components/Formik\";\nimport { Formik } from \"formik\";\nimport React from \"react\";\nimport * as Yup from \"yup\";\nimport { Form, FormItem, Input, SubmitButton } from \"formik-antd\";\nimport { Button, Checkbox } from \"antd\";\nimport { themeGet } from \"@styled-system/theme-get\";\nimport { suffix } from \"@/components/Suffix\";\nexport const B2bInquiryFormSchema = Yup.object().shape({\n companyName: Yup.string().required(\"최소 1글자 이상 입력해주세요\"),\n managerName: Yup.string().required(\"최소 1글자 이상 입력해주세요\").max(10, \"공백 포함 최대 10글자 입니다.\"),\n phone: Yup.string().required(\"휴대폰번호를 입력해주세요\").matches(/^((\\\\+[1-9]{1,4}[ \\\\-]*)|(\\\\([0-9]{2,3}\\\\)[ \\\\-]*)|([0-9]{2,4})[ \\\\-]*)*?[0-9]{3,4}?[ \\\\-]*[0-9]{3,4}?$/, \"휴대폰번호를 입력해주세요\"),\n email: Yup.string().email(\"이메일 형식이 아닙니다.\").required(\"이메일은 반드시 입력이 필요합니다.\"),\n content: Yup.string().required(\"설명은 반드시 입력이 필요합니다.\").min(10, \"설명은 최소 10글자 이상 입력해주세요\")\n});\nconst B2bInquiryFormWrapper = styled.div.withConfig({\n componentId: \"sc-19d15d23-0\"\n})(_templateObject());\nconst StyleForm = styled(Form).withConfig({\n componentId: \"sc-19d15d23-1\"\n})(_templateObject1(), themeGet(\"text.0\", \"#1B1B29\"), themeGet(\"color.0\", \"#1B1B29\"));\nconst SubmitArea = styled.div.withConfig({\n componentId: \"sc-19d15d23-2\"\n})(_templateObject2(), themeGet(\"primary.1\", \"#00BFC8\"), themeGet(\"primary.0\", \"#002FA8\"));\nconst StyledFormItem = styled(FormItem).withConfig({\n componentId: \"sc-19d15d23-3\"\n})(_templateObject3(), themeGet(\"color.0\", \"#1B1B29\"));\nconst TextArea = Input.TextArea;\nexport const B2bInquiryForm = (param)=>{\n let { name , onSubmit , forwardRef , initialStatus , initialValues , onToggleAgreeTerms } = param;\n return /*#__PURE__*/ _jsx(B2bInquiryFormWrapper, {\n children: /*#__PURE__*/ _jsx(Formik, {\n innerRef: (instance)=>{\n if (forwardRef) {\n forwardRef.current = instance;\n }\n },\n validationSchema: B2bInquiryFormSchema,\n initialValues: initialValues,\n initialStatus: initialStatus,\n onSubmit: onSubmit,\n children: (param)=>{\n let { handleChange , handleBlur , touched , errors , isValid , handleSubmit , setValues , values , isSubmitting , status } = param;\n const companyNameError = getError(\"companyName\", {\n touched,\n errors,\n status\n });\n const managerNameError = getError(\"managerName\", {\n touched,\n errors,\n status\n });\n const emailError = getError(\"email\", {\n touched,\n errors,\n status\n });\n const numberError = getError(\"number\", {\n touched,\n errors,\n status\n });\n const descriptionError = getError(\"description\", {\n touched,\n errors,\n status\n });\n return /*#__PURE__*/ _jsxs(StyleForm, {\n children: [\n /*#__PURE__*/ _jsx(StyledFormItem, {\n required: true,\n hasFeedback: false,\n name: \"companyName\",\n label: \"회사명(선택)\",\n children: /*#__PURE__*/ _jsx(Input, {\n onChange: handleChange(\"companyName\"),\n autoFocus: true,\n onBlur: handleBlur(\"companyName\"),\n name: \"companyName\",\n placeholder: \"1글자 이상 입력하세요.\",\n maxLength: 30,\n suffix: suffix\n })\n }),\n /*#__PURE__*/ _jsx(StyledFormItem, {\n hasFeedback: false,\n name: \"managerName\",\n label: \"담당자명\",\n children: /*#__PURE__*/ _jsx(Input, {\n name: \"managerName\",\n placeholder: \"이름을 입력하세요.\",\n maxLength: 30,\n suffix: suffix\n })\n }),\n /*#__PURE__*/ _jsx(StyledFormItem, {\n hasFeedback: false,\n name: \"email\",\n required: true,\n label: \"이메일\",\n children: /*#__PURE__*/ _jsx(Input, {\n name: \"email\",\n placeholder: \"example@solvook.com\",\n suffix: suffix\n })\n }),\n /*#__PURE__*/ _jsx(StyledFormItem, {\n name: \"phone\",\n label: \"연락처\",\n required: true,\n hasFeedback: false,\n children: /*#__PURE__*/ _jsx(Input, {\n name: \"phone\",\n placeholder: \"000-0000-0000\",\n suffix: suffix\n })\n }),\n /*#__PURE__*/ _jsx(StyledFormItem, {\n name: \"content\",\n label: \"문의 내용\",\n required: true,\n hasFeedback: false,\n children: /*#__PURE__*/ _jsx(TextArea, {\n name: \"content\",\n placeholder: \"문의 내용을 입력하세요.\",\n maxLength: 500\n })\n }),\n /*#__PURE__*/ _jsxs(SubmitArea, {\n children: [\n /*#__PURE__*/ _jsx(FormItem, {\n className: \"terms\",\n name: \"isAgreeTerms\",\n label: \"\",\n required: true,\n hasFeedback: false,\n children: /*#__PURE__*/ _jsxs(Checkbox, {\n onChange: handleChange,\n name: \"isAgreeTerms\",\n children: [\n \"개인정보 수집 및 이용 동의\",\n /*#__PURE__*/ _jsx(Button, {\n onClick: ()=>onToggleAgreeTerms(),\n children: \"내용보기\"\n })\n ]\n })\n }),\n /*#__PURE__*/ _jsx(SubmitButton, {\n disabled: false,\n onSubmit: handleSubmit,\n loading: isSubmitting,\n children: \"제출하기\"\n })\n ]\n })\n ]\n });\n }\n })\n });\n};\n","import { _ as _tagged_template_literal } from \"@swc/helpers/_/_tagged_template_literal\";\nfunction _templateObject() {\n const data = _tagged_template_literal([\n \"\"\n ]);\n _templateObject = function() {\n return data;\n };\n return data;\n}\nfunction _templateObject1() {\n const data = _tagged_template_literal([\n \"\\n p {\\n font-size: 16px;\\n font-weight: 500;\\n color: \",\n \";\\n text-align: center;\\n line-height: 1.5;\\n margin: 8px 0 0;\\n }\\n\\n .title {\\n font-size: 40px;\\n font-weight: 800;\\n margin: 0;\\n }\\n\\n @media (max-width: 1200px) {\\n .title {\\n font-size: 32px;\\n }\\n }\\n @media (max-width: 768px) {\\n p {\\n margin-top: 4px;\\n }\\n\\n .title {\\n font-size: 24px;\\n }\\n }\\n\"\n ]);\n _templateObject1 = function() {\n return data;\n };\n return data;\n}\nfunction _templateObject2() {\n const data = _tagged_template_literal([\n \"\\n\toverflow: hidden;\\n\twidth: 792px;\\n\tpadding: 0 40px 40px;\\n\tmargin: 0 auto;\\n\tbackground-color: #fff;\\n\\n\t.inner {\\n\t\toverflow-y: scroll;\\n\t\theight: 140px;\\n\t\tfont-size: 12px;\\n\t\tfont-weight: normal;\\n\t\tcolor: \",\n \";\\n\t\tline-height: 1.5;\\n\t\tpadding: 16px;\\n\t\tborder: 1px solid rgba(27,27,41,0.1)};\\n \\n\t\t&::-webkit-scrollbar {\\n\t\t\twidth: 4px;\\n\t\t\theight: 64px;\\n\t\t}\\n\t\t\\n\t\t&::-webkit-scrollbar-thumb {\\n\t\t\tborder-radius: 2px;\\n\t\t\tbackground: #bbbbbf;\\n\t\t}\\n\\n\t\th3 {\\n\t\t\tfont-weight: 600;\\n\t\t \tmargin-bottom: 8px;\\n\t\t}\\n\t}\\n\\n\t@media (max-width: 1200px){}\\n\t@media (max-width: 768px){\\n\t\twidth: 100%;\\n\t padding: 0 16px 24px;\\n\t}\\n\"\n ]);\n _templateObject2 = function() {\n return data;\n };\n return data;\n}\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useViewModel } from \"@/lib/viewModels\";\nimport { B2bInquiryFormViewModel } from \"./B2bInquiryFormViewModel\";\nimport styled from \"styled-components\";\nimport { observer } from \"mobx-react-lite\";\nimport { B2bInquiryForm } from \"./B2bInquiryForm\";\nimport { TextBreak } from \"@/components/TextBreak\";\nimport React from \"react\";\nimport { themeGet } from \"@styled-system/theme-get\";\nimport { useApiService } from \"@/lib/apiService\";\nconst B2bInquiryFormViewWrapper = styled.div.withConfig({\n componentId: \"sc-7da5f43f-0\"\n})(_templateObject());\nconst FormTitle = styled.div.withConfig({\n componentId: \"sc-7da5f43f-1\"\n})(_templateObject1(), themeGet(\"text.0\", \"#1B1B29\"));\nconst TermsBox = styled.div.withConfig({\n componentId: \"sc-7da5f43f-2\"\n})(_templateObject2(), themeGet(\"text.0\", \"#1B1B29\"));\nexport const B2bInquiryFormView = observer((props)=>{\n const apiService = useApiService();\n const { status , actions } = useViewModel({\n apiService\n }, B2bInquiryFormViewModel);\n return /*#__PURE__*/ _jsxs(B2bInquiryFormViewWrapper, {\n children: [\n /*#__PURE__*/ _jsxs(FormTitle, {\n children: [\n /*#__PURE__*/ _jsx(\"p\", {\n className: \"title\",\n children: \"B2B 문의\"\n }),\n /*#__PURE__*/ _jsx(\"p\", {\n children: \"궁금하신 점을 알려주세요.\"\n })\n ]\n }),\n /*#__PURE__*/ _jsx(B2bInquiryForm, {\n initialValues: status.initialValues,\n initialStatus: status.initialStatus,\n name: \"B2bInquiryForm\",\n onSubmit: actions.onSubmit,\n onToggleAgreeTerms: actions.toggleAgreeTerm\n }),\n status.isAgreeTerms && /*#__PURE__*/ _jsx(TermsBox, {\n children: /*#__PURE__*/ _jsxs(\"div\", {\n className: \"inner\",\n children: [\n /*#__PURE__*/ _jsx(\"h3\", {\n children: \"개인정보 수집 및 이용에 대한 동의\"\n }),\n \"1. 개인정보의 수집 및 이용 목적\",\n /*#__PURE__*/ _jsx(TextBreak, {}),\n \"- 제휴 문의에 대한 상담 관련 내용 제공\",\n /*#__PURE__*/ _jsx(TextBreak, {}),\n \"2. 수집하는 개인정보 항목\",\n /*#__PURE__*/ _jsx(TextBreak, {}),\n \"- 항목: 회사명, 담당자명, e-mail, 연락처\",\n /*#__PURE__*/ _jsx(TextBreak, {}),\n \"3. 수집한 개인정보의 보유 및 이용기간\",\n /*#__PURE__*/ _jsx(TextBreak, {}),\n \"원칙적으로 개인정보 수집 및 이용목적이 달성된 후에는 해당 정보를 지체 없이 파기합니다.\",\n /*#__PURE__*/ _jsx(TextBreak, {}),\n \"단, 다음의 정보에 대해서는 아래의 이유로 명시한 기간 동안 보존합니다.\",\n /*#__PURE__*/ _jsx(TextBreak, {}),\n \"- 보존항목:신청자님께서 제공한 회사명, 담당자명, e-mail, 연락처\",\n /*#__PURE__*/ _jsx(TextBreak, {}),\n \"- 보존근거:상담 이력 확인 및 분쟁 발생에 대한 소명자료 활용 - 보존기간:상담신청 접수 후 1년\",\n /*#__PURE__*/ _jsx(TextBreak, {}),\n \"※ 이용자/기관은 회사의 개인정보 수집 및 이용 동의를 거부할 수 있습니다. 단, 동의를 거부하는 경우 서비스신청이 어려움을 알려드립니다.\"\n ]\n })\n })\n ]\n });\n});\n","import { _ as _tagged_template_literal } from \"@swc/helpers/_/_tagged_template_literal\";\nfunction _templateObject() {\n const data = _tagged_template_literal([\n \"\"\n ]);\n _templateObject = function() {\n return data;\n };\n return data;\n}\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport React from \"react\";\nimport styled from \"styled-components\";\nimport { Container } from \"@/components\";\nimport { B2bInquiryFormView } from \"./B2bInquiryFormView\";\nconst B2bPageWrapper = styled.div.withConfig({\n componentId: \"sc-1db968ea-0\"\n})(_templateObject());\nexport const B2bPage = (param)=>{\n let {} = param;\n return /*#__PURE__*/ _jsx(B2bPageWrapper, {\n children: /*#__PURE__*/ _jsx(Container, {\n children: /*#__PURE__*/ _jsx(B2bInquiryFormView, {})\n })\n });\n};\n","import { _ as _tagged_template_literal } from \"@swc/helpers/_/_tagged_template_literal\";\nfunction _templateObject() {\n const data = _tagged_template_literal([\n \"\\n min-height: 68vh;\\n background-color: \",\n \";\\n padding: 48px 0 68px;\\n\\n @media (max-width: 1200px) {\\n }\\n @media (max-width: 768px) {\\n min-height: 0;\\n padding: 36px 0;\\n }\\n\"\n ]);\n _templateObject = function() {\n return data;\n };\n return data;\n}\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport React from \"react\";\nimport styled from \"styled-components\";\nimport { themeGet } from \"@styled-system/theme-get\";\nimport { B2bPage } from \"@/modules/landings/b2b/B2bPage\";\nconst B2BRequestPageWrapper = styled.div.withConfig({\n componentId: \"sc-91bb4ecf-0\"\n})(_templateObject(), themeGet(\"background.1\", \"#F5F8FB\"));\nconst B2BRequestNextPage = ()=>{\n return /*#__PURE__*/ _jsx(B2BRequestPageWrapper, {\n children: /*#__PURE__*/ _jsx(B2bPage, {})\n });\n};\nexport default B2BRequestNextPage;\n"],"names":[],"sourceRoot":""}