{"version":3,"file":"static/chunks/504-937125ca57512868.js","mappings":"uJAgCA,MAzByC,I,IAAA,KAAEA,EAAI,UAAEC,GAAW,EAC1D,GAAIA,EAAW,CACb,IAAIC,EAAU,QACVC,GAAU,EAEd,MAAM,KAAEC,GAASH,GAEfI,WAAW,OAAEC,IACXF,E,IAIEE,EACQA,EAHd,GAAIA,GAAkC,qBAAjBA,EAAON,GAE1B,GADAG,GAAU,EACM,QAAZG,EAAAA,EAAON,UAAPM,IAAAA,OAAAA,EAAAA,EAAcJ,QAChBA,EAAsB,QAAZI,EAAAA,EAAON,UAAPM,IAAAA,OAAAA,EAAAA,EAAcJ,QAI5B,OAAIC,GACK,SAACI,IAAAA,CAAEC,UAAU,2B,SAA4BN,IAE3C,KAET,OAAO,MCkCT,MAxCoC,I,IAAA,KAClCF,EAAI,MACJS,EAAK,UACLR,EAAS,SACTS,EAAQ,UACRF,EAAS,KACTG,EAAI,OACJC,EAAM,OACNC,EAAM,SACNC,EAAQ,eACRC,EAAc,aACdC,GACD,EACC,OACE,UAACC,MAAAA,CACCT,UAAW,GAA6BA,OAAzBI,EAAmB,GAAV,QAAa,KACnCC,OADsCL,GAAa,GAAG,KAEvD,OADCK,EAAS,SAAW,I,UAGrBJ,IACC,SAACQ,MAAAA,CAAIT,UAAWO,EAAiB,OAAS,O,UACxC,UAACN,QAAAA,CAAMD,UAAU,4D,UACdC,EAAO,IACPK,IAAY,SAACG,MAAAA,CAAIT,UAAU,0B,SAA0B,WAI3DO,IACC,SAACE,MAAAA,CAAIT,UAAU,O,UACb,SAACU,OAAAA,CAAKV,UAAU,qB,SAAsBO,MAGzCL,EACAV,GAAQC,IAAa,SAACkB,EAAUA,CAACnB,KAAMA,EAAMC,UAAWA,IACxDe,IAAgB,SAACT,IAAAA,CAAEC,UAAU,2B,SAA4BQ,IACzDL,IAAQ,SAACJ,IAAAA,CAAEC,UAAU,oC,SAAqCG,Q,UCJjE,MArCwC,I,IAAA,KACtCX,EAAI,UACJC,EAAS,UACTmB,EAAS,SACTC,EAAQ,aACRC,EAAe,GAAE,WACjBC,EAAU,YACVC,EAAW,gBACXC,GACD,EAgBC,OACE,UAACR,MAAAA,CAAIT,UAAW,YAA4B,OAAhBY,GAAa,I,UACtCI,EACAC,IACC,SAACR,MAAAA,CAAIT,UAAY,iD,SAAkDiB,IAEpExB,EArBe,MAClB,MAAM,KAAEG,EAAI,MAAEsB,GAAUzB,GAClB,QAAE0B,GAAYvB,EAEpB,OACE,SAACwB,EAAAA,GAAUA,CACT5B,KAAMA,EACN2B,QAASA,EACTL,aAAcA,EACdI,MAAOA,EACPG,OAAS,I,IAAA,MAAEC,GAAO,E,OAAKT,EAASS,OAWrBC,IAAgB,qB,SAAGV,EAAS,MACxCE,MCMP,MAvCwCS,IACtC,MAAM,KACJhC,EAAI,UACJC,EAAS,SACTS,EAAQ,KACRuB,EAAI,aACJX,EAAY,WACZC,EAAU,YACVC,EAAW,WACXU,EAAU,UACVd,EAAS,gBACTK,KACGU,GACDH,EAEJ,OACE,SAACI,EAAKA,CAACpC,KAAMA,EAAMC,UAAWA,KAAekC,E,UAC3C,SAACE,EAASA,CACRrC,KAAMA,EACNsB,aAAcA,EACdrB,UAAWA,EACXsB,WAAYA,EACZC,YAAaA,EACbC,gBAAiBA,EACjBL,UAAWA,EACXC,SAAWS,IACT,SAACQ,QAAAA,CACC9B,UAAW,GAAqB0B,OD5B1C,iPC4BuC,KAAoB,OAAjBA,GAAc,IAC9CD,KAAMA,EACNM,GAAI,SAAc,OAALvC,MACT8B,KACAK,U,mJCxCT,MAAMK,EAAgB,CAC3B,CACED,GAAI,EACJvC,KAAM,MACNyC,UACE,wGAGJ,CACEF,GAAI,EACJvC,KAAM,MACNyC,UACE,2FAEJ,CACEF,GAAI,EACJvC,KAAM,UACNyC,UACE,2FAEJ,CACEF,GAAI,EACJvC,KAAM,MACNyC,UACE,2FAEJ,CACEF,GAAI,EACJvC,KAAM,OACNyC,UAAW,kDAEb,CACEF,GAAI,EACJvC,KAAM,SACNyC,UACE,2FAEJ,CACEF,GAAI,EACJvC,KAAM,YACNyC,UACE,2FAEJ,CACEF,GAAI,EACJvC,KAAM,SACNyC,UACE,2FAEJ,CACEF,GAAI,EACJvC,KAAM,aACNyC,UACE,2FAEJ,CACEF,GAAI,GACJvC,KAAM,cACNyC,UAAW,yDAEb,CACEF,GAAI,GACJvC,KAAM,eACNyC,UACE,2FAEJ,CACEF,GAAI,GACJvC,KAAM,WACNyC,UACE,4F,kCCjEC,MAAMC,EAAgE,I,IAAA,QAC3EC,EAAU,cAAa,QACvBC,GAAU,GACX,EACC,MAAMC,EAAWC,EAAAA,IAEX,oBAAEC,EAAmB,gBAAEC,IAAoBC,EAAAA,EAAAA,IAC9CC,IAAW,CACVH,oBAAqBG,EAAMH,oBAC3BC,gBAAiBE,EAAMF,qBAIpBhD,EAAMmD,IAAWC,EAAAA,EAAAA,UAAS,KAC1BC,EAASC,IAAcF,EAAAA,EAAAA,UAAS,KAChCG,EAASC,IAAcJ,EAAAA,EAAAA,UAAS,KAEhCK,EAAWC,IAAgBN,EAAAA,EAAAA,WAAS,GACrCO,GAAYC,EAAAA,EAAAA,IAAeV,GAAUA,EAAMS,YAC3CE,GAAaC,EAAAA,EAAAA,MAEZC,EAAWC,IAAgBZ,EAAAA,EAAAA,WAAS,IACpCa,EAAcC,IAAmBd,EAAAA,EAAAA,WAAS,GAEjD,IAAIe,EAAaxB,EACM,IAAnBK,IAAuBmB,EAAanB,GAuExC,OACE,UAAC/B,MAAAA,CAAIT,UAAU,qF,WAEb,UAACS,MAAAA,CAAIT,UAAU,mD,WACb,SAACS,MAAAA,CACCmD,wBAAyB,CACvBC,OAAQxB,EAASyB,OAEnB9D,UAAU,uCAEZ,SAACS,MAAAA,CAAIT,UAAU,2C,SACZqC,EAAS0B,cAEX1B,EAAS2B,SAASC,OAAS,GAC1B,SAACxD,MAAAA,CAAIT,UAAU,O,SACZqC,EAAS2B,SAASE,KAAKC,IACtB,UAAC1D,MAAAA,CAAIT,UAAU,wC,WACb,SAACS,MAAAA,CAAIT,UAAU,O,UACb,SAACoE,EAAAA,EAAeA,CAACC,MAAM,UAAUC,KAAM,QAEzC,SAAC7D,MAAAA,CACCT,UAAU,uCACV4D,wBAAyB,CACvBC,OAAQM,OAP8CA,OAa9D,MACJ,SAAC1D,MAAAA,CAAIT,UAAU,2C,SACZqC,EAASkC,mBAEXvC,GAAiBA,EAAciC,OAAS,IACvC,SAACxD,MAAAA,CAAIT,UAAU,iE,SACZgC,EAAckC,KAAKM,IAClB,SAAC/D,MAAAA,CAECT,UAAU,2C,UAEV,SAACyE,EAAAA,MAAKA,CACJC,MAAO,GACPC,OAAQ,GACRC,IAAKJ,EAAYvC,UACjB4C,IAAKL,EAAYhF,KACjBQ,UAAY,mBARTwE,EAAYzC,GAAK+C,KAAKC,kBAgBrC,SAACtE,MAAAA,CAAIT,UAAU,uC,UACb,UAACS,MAAAA,CAAIT,UAAU,kF,WACb,SAACS,MAAAA,CAAIT,UAAU,oC,SACZqC,EAAS2C,gBAEZ,SAACvE,MAAAA,CAAIT,UAAU,yC,SACZqC,EAAS4C,oBAIZ,UAACxE,MAAAA,CAAIT,UAAU,sC,UACZqC,EAAS6C,kBAAkB,KAAC,SAACxE,OAAAA,CAAKV,UAAU,Y,SAAY,sBAE3D,SAACmF,EAAAA,EAAaA,CACZ3F,KAAK,UACLY,QAAQ,EACRQ,UAAU,uBACVc,WAAW,iCACX0D,YAAa/C,EAASgD,wBACtBC,MAAOvC,EACPwC,SAAWC,GAAMxC,EAAWwC,EAAEC,OAAOH,UAGvC,SAAC7E,MAAAA,CAAIT,UAAU,UAGf,UAACS,MAAAA,CAAIT,UAAU,sC,UACZqC,EAASqD,kBAAkB,KAAC,SAAChF,OAAAA,CAAKV,UAAU,Y,SAAY,mBAE3D,SAACmF,EAAAA,EAAaA,CACZ3F,KAAK,UACLY,QAAQ,EACRQ,UAAU,uBACVc,WAAW,iCACX0D,YAAa/C,EAASsD,wBACtBL,MAAOzC,EACP0C,SAAWC,IACT,MAAMF,EAAQE,EAAEC,OAAOH,MACvBxC,EAAWwC,GACX5B,EAAgB4B,EAAMrB,OAAS,GAAKqB,EAAMrB,OAAS,MAGtDR,IACC,SAAC/C,OAAAA,CAAKV,UAAU,8C,SAA8C,wBAGhE,SAACS,MAAAA,CAAIT,UAAU,UAGf,UAACS,MAAAA,CAAIT,UAAU,sC,UACZqC,EAASuD,eAAe,KAAC,SAAClF,OAAAA,CAAKV,UAAU,Y,SAAY,mBAExD,SAACmF,EAAAA,EAAaA,CACZ3F,KAAK,OACLY,QAAQ,EACRQ,UAAU,uBACVc,WAAW,iCACX0D,YAAa/C,EAASwD,qBACtBP,MAAO9F,EACP+F,SAAWC,IACT,MAAMF,EAAQE,EAAEC,OAAOH,MACvB3C,EAAQ2C,GACR9B,EAAa8B,EAAMrB,OAAS,GAAKqB,EAAMrB,OAAS,MAGnDV,IACC,SAAC7C,OAAAA,CAAKV,UAAU,8C,SAA8C,wBAGhE,SAACS,MAAAA,CAAIT,UAAU,UAEf,SAAC8F,EAAAA,EAAMA,CACL9F,UAAY,6DACZ+F,QAAS,MACPC,EAAAA,EAAAA,IAAc,CAAEC,MAAOtC,IArMpB,MAGb,GAFAT,GAAa,IAERH,EAMH,OALAI,EAAU,CACR1B,KAAM,SACN/B,QAAS,0CAEXwD,GAAa,GAIf,GAAIL,EAAQoB,OAAS,GAAKpB,EAAQoB,OAAS,EAMzC,OALAd,EAAU,CACR1B,KAAM,SACN/B,QAAS,uEAEXwD,GAAa,GAIf,GAAI1D,EAAKyE,OAAS,GAAKzE,EAAKyE,OAAS,EAMnC,OALAd,EAAU,CACR1B,KAAM,SACN/B,QAAS,4DAEXwD,GAAa,GAIf,MAAMgD,EAAYC,OAAOC,SAASC,KAAO,UAAY1C,EACrDN,EAAWiD,QACT,CAEE9G,OAEA+G,aAAc1D,EACdE,UACAyD,WAAYN,GAEd,CACEO,UAAUC,IACRV,EAAAA,EAAAA,IAAc,CAAEC,MAAO,kBAEvB1D,IAGAI,EAAQ,IACRG,EAAW,IACXE,EAAW,IAGS,YAAhB0D,EAAIhH,UACNyD,EAAU,CACR1B,KAAM,UACN/B,QAAS,kCAEXwD,GAAa,KAGjByD,QAAQC,G,IAGKA,EAAAA,EAAAA,EAFXzD,EAAU,CACR1B,KAAM,SACN/B,QAAyC,QAAhCkH,EAAiB,QAAjBA,EAAQ,QAARA,EAAAA,EAAIC,YAAJD,IAAAA,OAAAA,EAAAA,EAAUlH,eAAVkH,IAAAA,EAAAA,EAAqBA,EAAIlH,eAAzBkH,IAAAA,EAAAA,EAAoC,UAE/C1D,GAAa,OAqIT4D,IAEFzG,QAAM,EACNqC,MAAOO,EAAY,UAAY,S,SAE9BZ,EAAS0E,wB,mEC9Of,MAAMzD,EAAyB,KAAM0D,EAAAA,EAAAA,IAAO,OAAQ","sources":["webpack://_N_E/./src/components/Form/FieldError.tsx","webpack://_N_E/./src/components/Form/Field.tsx","webpack://_N_E/./src/components/Form/InputBase.tsx","webpack://_N_E/./src/components/Form/FieldText.tsx","webpack://_N_E/./src/modules/Business/HomeInstitutions.tsx","webpack://_N_E/./src/modules/Business/HomePopUp.tsx","webpack://_N_E/./src/modules/Business/businessApi.ts"],"sourcesContent":["import React, { ReactNode } from \"react\";\n\nexport type Props = {\n  name: string;\n  validator: any;\n};\n\nconst FormFieldError: React.FC<Props> = ({ name, validator }) => {\n  if (validator) {\n    let message = \"Error\";\n    let isError = false;\n\n    const { hook } = validator;\n    const {\n      formState: { errors },\n    } = hook;\n\n    if (errors && typeof errors[name] !== \"undefined\") {\n      isError = true;\n      if (errors[name]?.message) {\n        message = errors[name]?.message;\n      }\n    }\n\n    if (isError) {\n      return <p className=\"mt-8 text-12 text-red-70\">{message}</p>;\n    }\n    return null;\n  }\n  return null;\n};\n\nexport default FormFieldError;\n","import React, {\n  DetailedHTMLProps,\n  InputHTMLAttributes,\n  ReactNode,\n} from \"react\";\nimport FieldError from \"./FieldError\";\n\nexport type Props = DetailedHTMLProps<\n  InputHTMLAttributes<HTMLInputElement>,\n  HTMLInputElement\n> & {\n  name?: string;\n  label?: string;\n  validator?: any;\n  children?: ReactNode;\n  className?: string;\n  info?: string;\n  islast?: boolean;\n  isFull?: boolean;\n  additionalInfo?: string;\n  messageError?: string;\n};\n\nconst FormField: React.FC<Props> = ({\n  name,\n  label,\n  validator,\n  children,\n  className,\n  info,\n  islast,\n  isFull,\n  required,\n  additionalInfo,\n  messageError\n}) => {\n  return (\n    <div\n      className={`${!islast ? \"mb-24\" : \"\"} ${className || \"\"} ${\n        isFull ? \"w-full\" : \"\"\n      }`}\n    >\n      {label && (\n        <div className={additionalInfo ? \"mb-4\" : \"mb-8\"}>\n          <label className=\"text-b1 text-neutral-80 font-medium mb-0 block flex gap-4\">\n            {label}{\" \"}\n            {required && <div className=\"text-red-50 font-medium\">*</div>}\n          </label>\n        </div>\n      )}\n      {additionalInfo && (\n        <div className=\"mb-8\">\n          <span className=\"font-light text-b2\">{additionalInfo}</span>\n        </div>\n      )}\n      {children}\n      {name && validator && <FieldError name={name} validator={validator} />}\n      {messageError && <p className=\"mt-8 text-12 text-red-70\">{messageError}</p>}\n      {info && <p className=\"mt-8 mb-0 text-12 text-neutral-50\">{info}</p>}\n    </div>\n  );\n};\n\nexport default FormField;\n","import { ReactNode, ReactElement } from \"react\";\nimport { Controller } from \"react-hook-form\";\n\nexport type Props = {\n  name: string;\n  validator: any;\n  classBase?: string;\n  onRender(field: any): ReactElement;\n  defaultValue?: any;\n  afterInput?: ReactNode;\n  beforeInput?: ReactNode;\n  iconBeforeInput?: ReactNode;\n};\n\nexport const style =\n  \"w-full px-8 h-40 bg-field_input text-b1 text-neutral-80 border border-neutral40_to_dark20 rounded-4 disabled:bg-field_input_disable placeholder-input_placeholder placeholder:font-light focus-visible:outline-2 focus-visible:outline-blue-50\";\n\nconst FormInputBase: React.FC<Props> = ({\n  name,\n  validator,\n  classBase,\n  onRender,\n  defaultValue = \"\",\n  afterInput,\n  beforeInput,\n  iconBeforeInput,\n}) => {\n  const renderInput = () => {\n    const { hook, rules } = validator;\n    const { control } = hook;\n\n    return (\n      <Controller\n        name={name}\n        control={control}\n        defaultValue={defaultValue}\n        rules={rules}\n        render={({ field }) => onRender(field)}\n      />\n    );\n  };\n\n  return (\n    <div className={`relative ${classBase || \"\"}`}>\n      {beforeInput}\n      {iconBeforeInput && (\n        <div className={`absolute left-12 z-10 flex items-center h-full`}>{iconBeforeInput}</div>\n      )}\n      {validator ? renderInput() : <>{onRender({})}</>}\n      {afterInput}\n    </div>\n  );\n};\n\nexport default FormInputBase;\n","import { ReactNode } from \"react\";\nimport Field, { Props as BaseProps } from \"./Field\";\nimport InputBase, { style as inputBaseStyle } from \"./InputBase\";\n\ntype Props = BaseProps & {\n  defaultValue?: any;\n  type?: string;\n  placeholder?: string;\n  inputStyle?: string;\n  afterInput?: ReactNode;\n  beforeInput?: ReactNode;\n  disabled?: boolean;\n  classBase?: string;\n  iconBeforeInput?: ReactNode;\n};\n\nconst FormFieldText: React.FC<Props> = (props) => {\n  const {\n    name,\n    validator,\n    children,\n    type,\n    defaultValue,\n    afterInput,\n    beforeInput,\n    inputStyle,\n    classBase,\n    iconBeforeInput,\n    ...others\n  } = props;\n\n  return (\n    <Field name={name} validator={validator} {...others}>\n      <InputBase\n        name={name}\n        defaultValue={defaultValue}\n        validator={validator}\n        afterInput={afterInput}\n        beforeInput={beforeInput}\n        iconBeforeInput={iconBeforeInput}\n        classBase={classBase}\n        onRender={(field) => (\n          <input\n            className={`${inputBaseStyle} ${inputStyle || \"\"}`}\n            type={type}\n            id={`input-${name}`}\n            {...field}\n            {...others}\n          />\n        )}\n      />\n    </Field>\n  );\n};\n\nexport default FormFieldText;\n","import TranslationID from \"data/locales/id/business.json\";\nimport { ContainerDesktop } from \"components/Container\";\nimport { Image } from \"components/Image/Image\";\nimport { pushDataLayer } from \"lib/gtag\";\nimport { usePopupStoreFormSales } from \"modules/Home/popupStore\";\nimport Button from \"components/Button\";\n\nexport const BestCompanies = [\n  {\n    id: 1,\n    name: \"AWS\",\n    image_url:\n      \"https://staging-static.gokampus.com/course-institutions/AsRWHzve28oQ7YsppqsN8uYvH84V0oG3tEgXaQGK.png\",\n    // \"https://staging-static.gokampus.com/course-institutions/A2trauZewkpTzQUTnv5RTjwnedbZ4m6I2y2TWZxD.png\",\n  },\n  {\n    id: 2,\n    name: \"ESQ\",\n    image_url:\n      \"https://s.gokampus.com/course-institutions/IVP2BFrctpg4NsitZCo9S8GVyJ9QPxI14HfPGGX3.png\"\n  },\n  {\n    id: 3,\n    name: \"PrasMul\",\n    image_url:\n      \"https://s.gokampus.com/course-institutions/3aTdRP4IGwGrcg4WYhdHB9pDdKBq84hQ4rSiGXDv.png\",\n  },\n  {\n    id: 4,\n    name: \"UPH\",\n    image_url:\n      \"https://s.gokampus.com/course-institutions/YtbTat9wquzhf4o7Ez26cGmfswHn3rVkOb6DAd2u.png\",\n  },\n  {\n    id: 5,\n    name: \"Meta\",\n    image_url: \"https://s.gokampus.com/provider/meta_spark.png\",\n  },\n  {\n    id: 6,\n    name: \"Tiktok\",\n    image_url:\n      \"https://s.gokampus.com/course-institutions/xFmcLEx9ssCs6M2mRblgspCLckDGhBul77MImhWs.png\",\n  },\n  {\n    id: 7,\n    name: \"Tokopedia\",\n    image_url:\n      \"https://s.gokampus.com/course-institutions/6lJBZv7cpaL9dkXqI9eY2J5BUYmWPDm1gGVHWv3U.png\",\n  },\n  {\n    id: 8,\n    name: \"UiPath\",\n    image_url:\n      \"https://s.gokampus.com/course-institutions/5EWzRJoYneG0lLI73q0vMhPT5QJmyBN5cfQa6F52.png\",\n  },\n  {\n    id: 9,\n    name: \"James Gwee\",\n    image_url:\n      \"https://s.gokampus.com/course-institutions/Fea14Pf04sLxrMMJX4WeIMuygtN2Q1J5xi4Zmc2f.png\",\n  },\n  {\n    id: 10,\n    name: \"Merry Riana\",\n    image_url: \"https://s.gokampus.com/provider/merry_riana_group.png\",\n  },\n  {\n    id: 11,\n    name: \"Laruno (TDW)\",\n    image_url:\n      \"https://s.gokampus.com/course-institutions/Wn5HiLGGlGej7dhFHL0DUSCSQeUkuo58iUPX0ibY.png\",\n  },\n  {\n    id: 12,\n    name: \"Mindtera\",\n    image_url:\n      \"https://s.gokampus.com/course-institutions/tCpfhoqLExfpD2O92XRxTj35MWEC6RZNENoFHpeo.png\",\n  },\n];\n\nexport const HomeInstitutions: React.FC = () => {\n  const headingSectionInstitution = TranslationID[\"HomeInstitution\"];\n\n  const { showPopupFormSales } = usePopupStoreFormSales((state) => ({\n    showPopupFormSales: state.showPopupFormSales,\n  }));\n\n  const onClickImages = () => {\n    pushDataLayer({\n      event: \"cta-partner\",\n    });\n    showPopupFormSales(\"\");\n  };\n\n  const onClickSeeMoreInstitution = () => {\n    pushDataLayer({\n      event: \"cta-partner-see-more\",\n    });\n    showPopupFormSales(\"\");\n  };\n\n  return (\n    <section id=\"home-institution\">\n      <ContainerDesktop className=\"pt-20 pb-52 sm-max:py-36\" useAuto>\n        <div className=\"grid gap-36 text-center pt-24\">\n          <h2 className=\"text-b1 font-medium text-neutral-80\">\n            {headingSectionInstitution.title}\n          </h2>\n          <div className=\"cursor-pointer\" onClick={() => onClickImages()}>\n            <div className=\"grid gap-30 grid-cols-6 lg-max:grid-cols-3 sm-max:!grid-cols-2\">\n              {BestCompanies.map((institution) => (\n                <div\n                  key={Math.random()}\n                  className=\"aspect-[2/1] lg-max:aspect-[2/1] py-8 px-4 bg-white shadow-chip_total rounded-8\"\n                >\n                  <Image\n                    src={institution.image_url}\n                    alt={institution.name}\n                    className={`w-full h-full object-contain`}\n                  />\n                </div>\n              ))}\n            </div>\n          </div>\n          <div className=\"relative\" onClick={onClickSeeMoreInstitution}>\n            <Button variant=\"secondary_transparant\">Lihat Semua</Button>\n          </div>\n        </div>\n      </ContainerDesktop>\n    </section>\n  );\n};\n","import TranslationID from \"data/locales/id/business.json\";\nimport React, { useState } from \"react\";\nimport { usePopupStoreFormSales } from \"../Home/popupStore\";\nimport { IconCheckCircle } from \"components/Icon/IconCheckCircle\";\nimport { Image } from \"components/Image/Image\";\nimport { BestCompanies } from \"modules/Business/HomeInstitutions\";\nimport FormFieldText from \"components/Form/FieldText\";\nimport { usePostContactBusiness } from \"modules/Business/businessApi\";\nimport { useToastStore } from \"components/Toast/toastStore\";\nimport Button from \"components/Button\";\nimport { pushDataLayer } from \"lib/gtag\";\n\nexport const HomePopUp: React.FC<{ eventId?: string; forHris?: boolean }> = ({\n  eventId = \"popup-sales\",\n  forHris = false,\n}) => {\n  const textDocs = TranslationID[\"PopupFormSales\"];\n\n  const { closePopupFormSales, currentCtaEvent } = usePopupStoreFormSales(\n    (state) => ({\n      closePopupFormSales: state.closePopupFormSales,\n      currentCtaEvent: state.currentCtaEvent,\n    })\n  );\n  \n  const [name, setName] = useState(\"\");\n  const [company, setCompany] = useState(\"\");\n  const [contact, setContact] = useState(\"\");\n\n  const [isLoading, setIsLoading] = useState(false);\n  const showToast = useToastStore((state) => state.showToast);\n  const usePostApi = usePostContactBusiness();\n\n  const [nameError, setNameError] = useState(false);\n  const [companyError, setCompanyError] = useState(false);\n\n  let finalEvent = eventId;\n  if (currentCtaEvent != \"\") finalEvent = currentCtaEvent;\n  const submit = () => {\n    setIsLoading(true);\n\n    if (!contact) {\n      showToast({\n        type: \"danger\",\n        message: \"Pastikan kontak anda sudah diisi\",\n      });\n      setIsLoading(false);\n      return;\n    }\n\n    if (company.length > 0 && company.length < 5) {\n      showToast({\n        type: \"danger\",\n        message: \"Pastikan nama perusahaan Anda diisi dengan minimal 5 karakter\",\n      });\n      setIsLoading(false);\n      return;\n    }\n\n    if (name.length > 0 && name.length < 3) {\n      showToast({\n        type: \"danger\",\n        message: \"Pastikan nama Anda diisi dengan minimal 3 karakter\",\n      });\n      setIsLoading(false);\n      return;\n    }\n\n    const urlOrigin = window.location.href + \"?event=\" + finalEvent;\n    usePostApi.doFetch(\n      {\n        // @ts-ignore\n        name,\n        // @ts-ignore\n        company_name: company,\n        contact,\n        url_origin: urlOrigin,\n      },\n      {\n        onSuccess(res) {\n          pushDataLayer({ event: \"success-leads\" });\n\n          closePopupFormSales();\n\n          // reset form field\n          setName(\"\");\n          setCompany(\"\");\n          setContact(\"\");\n\n          //@ts-ignore\n          if (res.message === \"success\") {\n            showToast({\n              type: \"success\",\n              message: \"Kontak anda berhasil terkirim\",\n            });\n            setIsLoading(false);\n          }\n        },\n        onError(err) {\n          showToast({\n            type: \"danger\",\n            message: err.data?.message ?? err.message ?? \"Error\",\n          });\n          setIsLoading(false);\n        },\n      }\n    );\n  };\n  return (\n    <div className=\"items-center grid grid-cols-2 gap-x-[42px] lg-max:grid-cols-1 2xl-max:gap-y-[42px]\">\n      {/* desktop: left - mobile: bottom */}\n      <div className=\"lg-max:order-last flex flex-col gap-20 text-left\">\n        <div\n          dangerouslySetInnerHTML={{\n            __html: textDocs.title,\n          }}\n          className=\"font-black text-h2 lg-max:text-h3\"\n        ></div>\n        <div className=\"font-medium text-b1 lg-max:text-b1 text-\">\n          {textDocs.description}\n        </div>\n        {textDocs.benefits.length > 0 ? (\n          <div className=\"grid\">\n            {textDocs.benefits.map((elm) => (\n              <div className=\"flex justify-start items-center gap-8\" key={elm}>\n                <div className=\"w-24\">\n                  <IconCheckCircle color=\"#551FC1\" size={24} />\n                </div>\n                <div\n                  className=\"text-left text-neutral-80 font-light\"\n                  dangerouslySetInnerHTML={{\n                    __html: elm,\n                  }}\n                ></div>\n              </div>\n            ))}\n          </div>\n        ) : null}\n        <div className=\"font-medium text-b1 lg-max:text-b1 text-\">\n          {textDocs.institutionTitle}\n        </div>\n        {BestCompanies && BestCompanies.length > 0 && (\n          <div className=\"grid gap-20 grid-cols-6 lg-max:grid-cols-4 hg-max:!grid-cols-3\">\n            {BestCompanies.map((institution) => (\n              <div\n                key={institution.id + Math.random()}\n                className=\"w-56 h-56 m-auto sm-max:w-32 sm-max:h-32\"\n              >\n                <Image\n                  width={56}\n                  height={56}\n                  src={institution.image_url}\n                  alt={institution.name}\n                  className={`w-full h-full`}\n                />\n              </div>\n            ))}\n          </div>\n        )}\n      </div>\n      {/* desktop: right - mobile: top */}\n      <div className=\"relative justify-center items-center\">\n        <div className=\"!bg-white flex flex-col gap-8 shadow-chip_total rounded-16 bg-chip-pattern p-32\">\n          <div className=\"font-black text-h3 lg-max:text-h5\">\n            {textDocs.contactSales}\n          </div>\n          <div className=\"font-light text-b1 sm-max:text-b1 py-4\">\n            {textDocs.contactSalesDesc}\n          </div>\n\n          {/* contact */}\n          <div className=\"font-medium text-b2 text-neutral-60\">\n            {textDocs.fieldContactInput} <span className=\"font-thin\">(wajib diisi)</span>\n          </div>\n          <FormFieldText\n            name=\"contact\"\n            islast={true}\n            classBase=\"h-full sm-max:w-full\"\n            inputStyle=\"!rounded-8 h-40 sm-max:!w-full\"\n            placeholder={textDocs.fieldContactPlaceholder}\n            value={contact}\n            onChange={(e) => setContact(e.target.value)}\n          />\n\n          <div className=\"mb-8\"></div>\n\n          {/* company */}\n          <div className=\"font-medium text-b2 text-neutral-60\">\n            {textDocs.fieldCompanyInput} <span className=\"font-thin\">(opsional)</span>\n          </div>\n          <FormFieldText\n            name=\"contact\"\n            islast={true}\n            classBase=\"h-full sm-max:w-full\"\n            inputStyle=\"!rounded-8 h-40 sm-max:!w-full\"\n            placeholder={textDocs.fieldCompanyPlaceholder}\n            value={company}\n            onChange={(e) => {\n              const value = e.target.value;\n              setCompany(value);  \n              setCompanyError(value.length > 0 && value.length < 5);\n            }}\n          />\n          {companyError && (\n            <span className=\"text-[11px] font-thin text-[#FF0000] italic\">Minimal 5 karakter</span>\n          )}\n\n          <div className=\"mb-8\"></div>\n\n          {/* name */}\n          <div className=\"font-medium text-b2 text-neutral-60\">\n            {textDocs.fieldNameInput} <span className=\"font-thin\">(opsional)</span>\n          </div>\n          <FormFieldText\n            name=\"name\"\n            islast={true}\n            classBase=\"h-full sm-max:w-full\"\n            inputStyle=\"!rounded-8 h-40 sm-max:!w-full\"\n            placeholder={textDocs.fieldNamePlaceholder}\n            value={name}\n            onChange={(e) => {\n              const value = e.target.value;\n              setName(value);  \n              setNameError(value.length > 0 && value.length < 3);\n            }}\n          />\n          {nameError && (\n            <span className=\"text-[11px] font-thin text-[#FF0000] italic\">Minimal 3 karakter</span>\n          )}\n\n          <div className=\"mb-8\"></div>\n\n          <Button\n            className={`flex justify-center items-center gap-8 !rounded-8 !text-b1`}\n            onClick={() => {\n              pushDataLayer({ event: finalEvent });\n              submit();\n            }}\n            isFull\n            state={isLoading ? \"loading\" : \"active\"}\n          >\n            {textDocs.fieldSubmit}\n          </Button>\n        </div>\n      </div>\n    </div>\n  );\n};\n","import { useApi } from \"lib/apiFetcher\";\n\n//@ts-ignore\nexport const usePostContactBusiness = () => useApi(\"post\", \"/tenants/business-contact\");"],"names":["name","validator","message","isError","hook","formState","errors","p","className","label","children","info","islast","isFull","required","additionalInfo","messageError","div","span","FieldError","classBase","onRender","defaultValue","afterInput","beforeInput","iconBeforeInput","rules","control","Controller","render","field","renderInput","props","type","inputStyle","others","Field","InputBase","input","id","BestCompanies","image_url","HomePopUp","eventId","forHris","textDocs","TranslationID","closePopupFormSales","currentCtaEvent","usePopupStoreFormSales","state","setName","useState","company","setCompany","contact","setContact","isLoading","setIsLoading","showToast","useToastStore","usePostApi","usePostContactBusiness","nameError","setNameError","companyError","setCompanyError","finalEvent","dangerouslySetInnerHTML","__html","title","description","benefits","length","map","elm","IconCheckCircle","color","size","institutionTitle","institution","Image","width","height","src","alt","Math","random","contactSales","contactSalesDesc","fieldContactInput","FormFieldText","placeholder","fieldContactPlaceholder","value","onChange","e","target","fieldCompanyInput","fieldCompanyPlaceholder","fieldNameInput","fieldNamePlaceholder","Button","onClick","pushDataLayer","event","urlOrigin","window","location","href","doFetch","company_name","url_origin","onSuccess","res","onError","err","data","submit","fieldSubmit","useApi"],"sourceRoot":""}