{"version":3,"file":"static/chunks/1846-22ed20c492a895a5.js","mappings":"wKAqEA,IA5CM,I,IAAA,UAAEA,EAAY,GAAE,GAAEC,EAAE,QAAEC,EAAO,aAAEC,EAAe,IAAI,EACtD,MAAMC,EAA2BC,EAAAA,IAC1BC,EAAQC,IAAaC,EAAAA,EAAAA,WAAS,IAE/B,mBAAEC,IAAuBC,EAAAA,EAAAA,IAAwBC,IAAW,CAChEF,mBAAoBE,EAAMF,uBAG5B,OACE,SAACG,MAAAA,CAAIZ,UAAW,YAA+B,OAAnBG,OAAAA,QAAAA,IAAAA,EAAAA,EAAgB,IAAMF,GAAIA,E,UACpD,SAACY,EAAAA,EAAMA,CACLb,UAAW,8DAAwE,OAAVA,GACzEc,QAAS,MACPC,EAAAA,EAAAA,IAAc,CAAEC,MAAOf,IAEvBQ,EAAmB,KAErBP,QAASA,OAAAA,QAAAA,IAAAA,EAAAA,EAAW,UACpBe,SAAQf,E,SAEPE,EAAyBc,mB,qECvC3B,MAAMC,EAA8B,I,IAAA,KACzCC,EAAO,GAAE,UAETpB,EAAY,mBACb,EACC,OACE,SAACqB,MAAAA,CACCC,MAAOF,EACPG,OAAQH,EACRI,QAAQ,YACRC,KAAK,OACLC,MAAM,6BACN1B,UAAWA,E,UAEX,SAAC2B,OAAAA,CACCC,EAAE,sjD,iLCqGV,MAhFiC,I,IAAA,OAC/BC,EAAM,aACNC,EAAY,UACZ9B,EAAS,iBACT+B,EAAgB,OAChBC,EAAM,cACNC,EAAa,aACbC,EAAY,MACZC,EAAK,QACLC,EAAO,eACPC,EAAc,SACdC,EAAQ,cACRC,EAAa,SACbC,EAAW,SACZ,GACmBC,EAAAA,EAAAA,MAAlB,MAEMC,EArDgB,CAACC,IACvB,MAAMD,EAAME,EAAAA,SAgBZ,OAdAA,EAAAA,WAAgB,KACd,MAAMC,EAAe7B,I,IACE0B,EAAjBA,EAAII,WAAwB,QAAXJ,EAAAA,EAAII,eAAJJ,IAAAA,OAAD,IAAsBK,SAAS/B,EAAMgC,UACvDL,KAMJ,OAFAM,SAASC,iBAAiB,QAASL,GAAa,GAEzC,KACLI,SAASE,oBAAoB,QAASN,GAAa,MAEpD,CAACH,IAEGA,GAoCKU,EAAgB,KACtBf,GACFA,OAIEgB,EAAgB,CACpBC,MAAO,CAAC,mCAAoC,0CAC5CC,OAAQ,CAAC,mCAAoC,0BAC7CC,IAAK,CAAC,kCAAmC,2BAG3C,OAAI3B,GAEA,UAAC4B,EAAAA,EAAAA,IAAU,CACTC,QAAS,CAAEC,QAAS,GACpBC,QAAS/B,EACP,CAAE8B,QAAS,GACX,CAAEA,QAAS,GAEbE,MAAO,CAAE7B,OAAQA,GAAU,KAAMQ,SAAU,Y,WAE3C,SAAC5B,MAAAA,CACCZ,UAAW,SAA4CwC,OAAnCa,EAAcb,GAAU,GAAG,UAG1BxC,OAH8C,OAAZwC,EACjD,cACA,YACH,oBAAkC,OAAhBxC,GAAa,IAClC6D,MAAO,CAAE7B,OAAQA,GAAU,M,UAE3B,UAACpB,MAAAA,CACC8B,IAAKA,EACL1C,UAAW,uCACS8B,OAD8BuB,EAAcb,GAAU,GACvE,mBAAoDT,OAAnCD,EAAgB,YAAa,GAAG,KACjD,OADoDC,GAAoB,IAE3E8B,MAAO,IACF5B,G,WAGHE,GAASC,KACT,UAACxB,MAAAA,CAAIZ,UAAY,0B,WACf,SAAC8D,EAAAA,EAAQA,IACR1B,IACC,SAAC2B,SAAAA,CAAOC,KAAK,SAAShE,UAAU,UAAUc,QAASsB,E,UACjD,SAAC6B,EAAAA,EAASA,CAAC7C,KAAM,GAAI8C,MAAM,kBAKnC,SAACtD,MAAAA,CAAIZ,UAAWuC,OAAAA,QAAAA,IAAAA,EAAAA,EAAiB,G,SAAKD,UAI1C,SAACuB,QAAAA,C,SAAQ,sFAQR,MCvHF,MAAMM,EAAY,I,IAAA,KAAE/C,EAAO,GAAE,MAAE8C,EAAQ,WAAW,EACvD,OACE,SAAC7C,MAAAA,CACCC,MAAOF,EACPG,OAAQH,EACRI,QAAQ,YACRC,KAAK,OACLC,MAAM,6B,UAEN,SAAC0C,IAAAA,CAAEnE,GAAG,yB,UACJ,SAAC0B,OAAAA,CACC1B,GAAG,OACH2B,EAAE,0BACFyC,OAAQH,EACRI,YAAY,IACZC,cAAc,QACdC,eAAe,e,oECoQzB,MAlQM,I,IAAA,cAAEC,EAAa,UAAEC,GAAY,GAAO,EACxC,MAAMC,GAASC,EAAAA,EAAAA,cACRC,EAAYC,IAAiBtE,EAAAA,EAAAA,WAAS,IACtCuE,EAAUC,IAAexE,EAAAA,EAAAA,WAAS,GACnCyE,GAAcC,EAAAA,EAAAA,IAAcvE,GAAUA,EAAMsE,eAC3CE,EAAOC,IAAY5E,EAAAA,EAAAA,UAAS,CACjC,CACE6E,MAAO,UACPC,KAAM,GACNC,OAAQ,iBAEV,CACEF,MAAO,SACPC,KAAM,GACNC,OAAQ,gBAEV,CACEF,MAAO,QACPC,KAAM,GACNC,OAAQ,mBAQNC,EAC6BC,OAAOC,OAAOpE,MAAQ,IAEnDqE,EAAgBC,IAEpBA,EAAEC,iBAEF,MACMC,EADOF,EAAEG,cAAcT,KACPU,QAAQ,OAAQ,IAEhCC,EAAOhD,SAASiD,eAAeJ,GACrCG,OAAAA,QAAAA,IAAAA,GAAAA,EAAME,eAAe,CACnBC,SAAU,SACVC,MAAO,QACPC,OAAQ,WAINC,EAA4B,CAChC,IACA,YACA,uBACA,iCAEF,OACE,UAACC,SAAAA,CACCxG,UACE,4BACCyE,EACG,wBACA,uD,WAGN,SAACgC,EAAAA,EAAgBA,CACfzG,UAAU,2CACV0G,SAAO,E,UAEP,UAAC9F,MAAAA,CAAIZ,UAAU,kD,WACb,UAACY,MAAAA,CAAIZ,UAAU,2B,WACb,SAAC2G,IAAAA,CAAErB,KAAK,I,UACN,SAACxB,EAAAA,EAAQA,OAEX,SAAClD,MAAAA,CAAIZ,UAAU,sC,SACZmF,EAAMyB,KAAKD,IACV,SAACE,IAAIA,CAGHvB,KACEqB,EAAErB,KACEqB,EAAErB,KACDiB,EAA0BO,SAASnC,EAAOoC,UAEzCJ,EAAEpB,OADF,IAGRzE,QACE6F,EAAErB,UACE0B,EACCT,EAA0BO,SAASnC,EAAOoC,UAEzCpB,EADA,IAAMhB,EAAOsC,KAAK,CAAEF,SAAU,MAGtC/G,UAAU,wC,SAET2G,EAAEtB,OAlBEsB,EAAEtB,eAwBf,SAACzE,MAAAA,CAAIZ,UAAU,4B,UACXyE,GACA8B,EAA0BO,SAASnC,EAAOoC,YACxC,SAACG,EAAAA,EAAkBA,CAAClH,UAAU,QAAQC,GAAG,kBAI/C,UAACW,MAAAA,CAAIZ,UAAU,oC,UACZ0E,IACC,SAAC9D,MAAAA,CAAIZ,UAAU,gB,UACb,SAACmH,EAAAA,EAAgBA,CACfC,YAAY,qBACZ5E,SAAS,QACTxC,UAAU,QACVqH,MAAM,mBAKVd,EAA0BO,SAASnC,EAAOoC,YAC1C,UAAClG,EAAAA,EAAMA,CACLb,UAAW,kDAGR,OAH0DiF,EAAYqC,OAAS,EAC9E,mCACA,4BAEJxG,QAAS,IAAMgE,GAAeD,G,WAE9B,SAACjE,MAAAA,CAAIZ,UAAU,4C,SAA4C,qBAK1DiF,EAAYqC,OAAS,GAAyB,eAApB3C,EAAOoC,WAChC,SAACQ,OAAAA,CAAKvH,UAAU,kK,SACbiF,EAAYqC,gBAOvB,SAAC1G,MAAAA,CAAIZ,UAAU,sB,UACb,SAACY,MAAAA,CACCZ,UAAU,iBACVc,QAAU8E,IACRA,EAAEC,iBACFb,GAAaD,I,UAGf,SAACZ,EAAQA,cAMjB,UAACqD,EAAMA,CACL3F,OAAQgD,EACR/C,cAAe0D,EACfrD,OACE,UAACvB,MAAAA,CAAIZ,UAAU,c,UAAc,iBACZ,KACf,UAACyH,EAAAA,EAAIA,CAACzH,UAAU,8B,UAEO,eAApB2E,EAAOoC,SAA4B,EAAI9B,EAAYqC,OAAO,gBAIjElF,QAAS,IAAM0C,GAAc,GAC7BvC,cAAc,wCACdC,SAAUgD,EAAe,SAAW,Q,UAGf,eAApBb,EAAOoC,UACN,SAACW,EAAAA,EAAYA,CACXvF,MAAM,4BACNwF,QAAQ,yEACR3H,UAAU,UACV4H,UAAW,CACT,CACEtC,KAAM,gBACND,MAAO,eACPnF,QAAS,UACTkC,QAAS,IAAM0C,GAAc,QAKnC,SAAC+C,EAAAA,EAAQA,CACP7H,UACEiF,EAAYqC,OACR,gEACA,WAENnF,MAAM,GACNC,QAAS,IAAM0C,GAAc,GAC7BgD,cAAe,IAAMhD,GAAc,GACnCiD,YAAY,kBAIhB,SAACnH,MAAAA,CAAIZ,UAAU,qB,UACb,SAACa,EAAAA,EAAMA,CACLb,UAAU,SACVc,QAAS,KACPgE,GAAc,GAEdH,EAAOqB,QAAQ,UAEjBrF,MACEsE,EAAYqC,OAAS,GACU,eAA7B,EAAgBP,SACd,SACA,W,SAEP,oBAML,UAACS,EAAMA,CACL3F,OAAQkD,EACRvC,SAAS,MACTJ,QAAS,IAAM4C,GAAY,G,WAE3B,SAACpE,MAAAA,CAAIZ,UAAU,kB,UACb,SAACY,MAAAA,CAAIZ,UAAU,uB,SACZmF,EAAMyB,KAAKD,IACV,SAACE,IAAIA,CAGHvB,KACEqB,EAAErB,KACEqB,EAAErB,KACDiB,EAA0BO,SAASnC,EAAOoC,UAEzCJ,EAAEpB,OADF,IAGRzE,QACE6F,EAAErB,UACE0B,EACCT,EAA0BO,SAASnC,EAAOoC,UAExCnB,IACDZ,GAAY,GACZW,EAAaC,IAHb,IAAMjB,EAAOsC,KAAK,CAAEF,SAAU,MAMtC/G,UAAU,wC,SAET2G,EAAEtB,OArBEsB,EAAEtB,cA2Bf,SAAC6B,EAAAA,EAAkBA,CAAClH,UAAU,eAAeC,GAAG,uB,wKCrLxD,MAhFgD,I,OAAK+H,GAAO,E,IA4CxCA,EAERA,EAOUA,EApDpB,MAAMrD,GAASC,EAAAA,EAAAA,aACf,OACE,UAAChE,MAAAA,CAAIZ,UAAU,0D,WACb,UAACY,MAAAA,CAAIZ,UAAU,iD,WACZgI,OAAAA,QAAAA,IAAAA,OAAAA,EAAAA,EAAOC,kBACN,UAACrH,MAAAA,CAAIZ,UAAU,0B,WACb,SAACkI,EAAAA,MAAKA,CACJC,IAAKH,OAAAA,QAAAA,IAAAA,OAAAA,EAAAA,EAAOC,gBACZjI,UAAU,uCACVsB,MAAO,IACPC,OAAQ,MAGV,SAACX,MAAAA,CAAIZ,UAAU,2E,UACb,SAACoI,EAAAA,EAAcA,CACbhH,KAAM,GACNiH,QAAQ,SACRC,gBAAc,UAKpB,SAAC1H,MAAAA,CAAIZ,UAAU,wCAEjB,UAACY,MAAAA,CAAIZ,UAAU,oF,WAEb,SAACY,MAAAA,CAAIZ,UAAU,0B,SACiB,iBAAtBgI,OAAAA,QAAAA,IAAAA,OAAAA,EAAAA,EAAOO,cAEXP,OAAAA,QAAAA,IAAAA,OAAAA,EAAAA,EAAOO,YAAYC,MAAM,MAAM,KAAM,GACrCR,EAAMO,YAAYE,MAAQ,MAEhC,SAAC7H,MAAAA,CACCZ,UAAW,4CAGV,OADqB,UAApB2E,EAAOoC,SAAuB,SAAW,iB,SAG1CiB,OAAAA,QAAAA,IAAAA,OAAAA,EAAAA,EAAOS,QAGV,UAAC7H,MAAAA,CAAIZ,UAAU,mD,UAE+B,kBAApCgI,OAAAA,QAAAA,IAAAA,GAAqB,QAArBA,EAAAA,EAAOU,sBAAPV,IAAAA,OAAAA,EAAAA,EAAuBW,WAEK,KAApCX,OAAAA,QAAAA,IAAAA,GAAqB,QAArBA,EAAAA,EAAOU,sBAAPV,IAAAA,OAAAA,EAAAA,EAAuBW,WACrB,sB,WACE,UAAC/H,MAAAA,CAAIZ,UAAU,mC,WACb,SAAC4I,EAAAA,EAAQA,CAACxH,KAAM,GAAIK,MAAI,EAACyC,MAAM,aAC/B,SAACtD,MAAAA,CAAIZ,UAAU,O,UACZ6I,EAAAA,EAAAA,IAECb,OAAAA,QAAAA,IAAAA,GAAqB,QAArBA,EAAAA,EAAOU,sBAAPV,IAAAA,OAAAA,EAAAA,EAAuBW,SAASG,QAAQ,SAGxC,QAIR,wBAEyB,KAA1Bd,OAAAA,QAAAA,IAAAA,OAAAA,EAAAA,EAAOe,kBACN,SAACnI,MAAAA,C,SAAK,GAA2C,QAAxCoI,EAAAA,EAAAA,IAAiBhB,OAAAA,QAAAA,IAAAA,OAAAA,EAAAA,EAAOe,gBAAgB,uBAOxDf,EAAMiB,UAAgC,eAApBtE,EAAOoC,WAExB,SAACnG,MAAAA,CAAIE,QAASkH,EAAMiB,SAAUjJ,UAAU,c,UACtC,SAACmB,EAAAA,EAASA,CAAC+C,MAAM,kBC7EpB,MAAM2D,EAQP,I,IAAA,UAAE7H,EAAY,GAAE,MAAEmC,EAAK,QAAEC,EAAO,cAAE0F,EAAa,YAAEoB,EAAW,KAAEC,EAAI,YAAEpB,GAAa,EACrF,MAAM,YAAE9C,EAAW,WAAEmE,IAAelE,EAAAA,EAAAA,IAAcvE,IAAW,CAC3DsE,YAAatE,EAAMsE,YACnBmE,WAAYzI,EAAMyI,eAGpB,IAAIC,EAAUF,OAAAA,QAAAA,IAAAA,EAAAA,EAAQlE,EAEtB,OACE,UAACrE,MAAAA,CAAIZ,UAAW,eAAyB,OAAVA,G,UAC5BmC,IAAS,SAACvB,MAAAA,CAAIZ,UAAU,oB,SAAqBmC,IAE7CkH,EAAQ/B,OAAS,GAChB,UAAC1G,MAAAA,CAAIZ,UAAW,2DAAiF,OAAtB+H,OAAAA,QAAAA,IAAAA,EAAAA,EAAe,Q,UACvFmB,IAAe,qB,SAAGA,IAClBG,EAAQzC,KAAI,CAAC0C,EAAQC,KAEpB,mBAACC,EAAoBA,IAEdF,EACHC,QACAN,SAAU,IAAMG,EAAWE,GAE7BG,IAAKC,KAAKC,iBAKhB,SAAC/I,MAAAA,CAAIZ,UAAU,+C,UACb,SAAC0H,EAAAA,EAAYA,CACXvF,MAAM,4BACNwF,QAAQ,yEACR3H,UAAU,UACV4H,UAAW,CACT,CACEtC,KAAM,gBACND,MAAO,eACPnF,QAAS,UACTkC,QAAS,IAAM0F,e,sDCpCxB,MAAMpH,GAAyBkJ,E,SAAAA,KAAyBC,IAAS,CAEtEhI,QAAQ,EACRiI,gBAAiB,GACjBC,oBAAoB,EAGpBtJ,mBAAmBO,GACjB6I,EAAI,CAAEhI,QAAQ,EAAMiI,gBAAiB9I,KAEvCgJ,sBACEH,EAAI,CAAEhI,QAAQ,KAEhBoI,mBACEJ,EAAI,CAAEE,oBAAoB,KAE5BG,oBACEL,EAAI,CAAEE,oBAAoB,U","sources":["webpack://_N_E/./src/components/Button/ButtonScheduleDemo.tsx","webpack://_N_E/./src/components/Icon/IconTrash.tsx","webpack://_N_E/./src/components/Drawer/index.tsx","webpack://_N_E/./src/components/Icon/IconList.tsx","webpack://_N_E/./src/components/PageHeader/PageHeaderBusiness.tsx","webpack://_N_E/./src/components/Card/CardCourseHorizontal.tsx","webpack://_N_E/./src/modules/Business/Selection/CartList.tsx","webpack://_N_E/./src/modules/Home/popupStore.ts"],"sourcesContent":["import React, { useState } from \"react\";\nimport Button from \".\";\nimport TranslationID from \"data/locales/id/business.json\";\nimport { PopupModal } from \"react-calendly\";\nimport { pushDataLayer } from \"lib/gtag\";\nimport { usePopupStoreFormSales } from \"modules/Home/popupStore\";\n\nexport type Variant =\n  | \"primary\"\n  | \"secondary\"\n  | \"secondary_transparant\"\n  | \"secondary_white\"\n  | \"secondary_gray\"\n  | \"white\"\n  | \"green\"\n  | \"red\"\n  | \"yellow\"\n  | \"green_transparant\"\n  | \"white_transparant\";\n\nconst ButtonScheduleDemo: React.FC<{\n  className?: string;\n  id?: string;\n  variant?: Variant;\n  wrapperClass?: string;\n}> = ({ className = \"\", id, variant, wrapperClass = \"\" }) => {\n  const headingTranslationButton = TranslationID[\"Button\"];\n  const [isOpen, setIsOpen] = useState(false);\n\n  const { showPopupFormSales } = usePopupStoreFormSales((state) => ({\n    showPopupFormSales: state.showPopupFormSales,\n  }));\n\n  return (\n    <div className={`relative ${wrapperClass ?? \"\"}`} id={id}>\n      <Button\n        className={`flex justify-center items-center gap-8 !rounded-8 !text-b1 ${className}`}\n        onClick={() => {\n          pushDataLayer({ event: id });\n          // setIsOpen(!isOpen);\n          showPopupFormSales(\"\");\n        }}\n        variant={variant ?? \"primary\"}\n        isFull={variant ? true : false}\n      >\n        {headingTranslationButton.contactSales}\n      </Button>\n\n      {/* <PopupModal\n        url=\"https://calendly.com/gokampus/b2b-demo\"\n        onModalClose={() => setIsOpen(false)}\n        open={isOpen}\n        rootElement={\n          typeof window !== \"undefined\"\n            ? document.getElementById(\"__next\")\n            : null\n        }\n        pageSettings={{\n          backgroundColor: \"ffffff\",\n          hideEventTypeDetails: false,\n          hideLandingPageDetails: false,\n          primaryColor: \"00a2ff\",\n          textColor: \"4d5055\",\n        }}\n      /> */}\n    </div>\n  );\n};\n\nexport default ButtonScheduleDemo;\n","type Props = {\n  size?: number;\n  color?: string;\n  className?: string;\n};\n\nexport const IconTrash: React.FC<Props> = ({\n  size = 24,\n  // color = \"#19093A\",\n  className = \"fill-neutral-80\",\n}) => {\n  return (\n    <svg\n      width={size}\n      height={size}\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      className={className}\n    >\n      <path\n        d=\"M10 18C10.2652 18 10.5196 17.8946 10.7071 17.7071C10.8946 17.5196 11 17.2652 11 17V11C11 10.7348 10.8946 10.4804 10.7071 10.2929C10.5196 10.1054 10.2652 10 10 10C9.73478 10 9.48043 10.1054 9.29289 10.2929C9.10536 10.4804 9 10.7348 9 11V17C9 17.2652 9.10536 17.5196 9.29289 17.7071C9.48043 17.8946 9.73478 18 10 18ZM20 6H16V5C16 4.20435 15.6839 3.44129 15.1213 2.87868C14.5587 2.31607 13.7956 2 13 2H11C10.2044 2 9.44129 2.31607 8.87868 2.87868C8.31607 3.44129 8 4.20435 8 5V6H4C3.73478 6 3.48043 6.10536 3.29289 6.29289C3.10536 6.48043 3 6.73478 3 7C3 7.26522 3.10536 7.51957 3.29289 7.70711C3.48043 7.89464 3.73478 8 4 8H5V19C5 19.7956 5.31607 20.5587 5.87868 21.1213C6.44129 21.6839 7.20435 22 8 22H16C16.7956 22 17.5587 21.6839 18.1213 21.1213C18.6839 20.5587 19 19.7956 19 19V8H20C20.2652 8 20.5196 7.89464 20.7071 7.70711C20.8946 7.51957 21 7.26522 21 7C21 6.73478 20.8946 6.48043 20.7071 6.29289C20.5196 6.10536 20.2652 6 20 6ZM10 5C10 4.73478 10.1054 4.48043 10.2929 4.29289C10.4804 4.10536 10.7348 4 11 4H13C13.2652 4 13.5196 4.10536 13.7071 4.29289C13.8946 4.48043 14 4.73478 14 5V6H10V5ZM17 19C17 19.2652 16.8946 19.5196 16.7071 19.7071C16.5196 19.8946 16.2652 20 16 20H8C7.73478 20 7.48043 19.8946 7.29289 19.7071C7.10536 19.5196 7 19.2652 7 19V8H17V19ZM14 18C14.2652 18 14.5196 17.8946 14.7071 17.7071C14.8946 17.5196 15 17.2652 15 17V11C15 10.7348 14.8946 10.4804 14.7071 10.2929C14.5196 10.1054 14.2652 10 14 10C13.7348 10 13.4804 10.1054 13.2929 10.2929C13.1054 10.4804 13 10.7348 13 11V17C13 17.2652 13.1054 17.5196 13.2929 17.7071C13.4804 17.8946 13.7348 18 14 18Z\"\n        // fill={color}\n      />\n    </svg>\n  );\n};\n","import React, { ReactNode, useState } from \"react\";\r\nimport IconClose from \"../Icon/IconClose\";\r\nimport { useIsDesktop } from \"lib/device\";\r\nimport { motion } from \"framer-motion\";\r\nimport { HomeLogo } from \"modules/Home/HomeLogo\";\r\n\r\nconst useOutsideClick = (callback: () => void) => {\r\n  const ref = React.useRef();\r\n\r\n  React.useEffect(() => {\r\n    const handleClick = (event: any) => {\r\n      if (ref.current && !(ref.current as any)?.contains(event.target)) {\r\n        callback();\r\n      }\r\n    };\r\n\r\n    document.addEventListener(\"click\", handleClick, true);\r\n\r\n    return () => {\r\n      document.removeEventListener(\"click\", handleClick, true);\r\n    };\r\n  }, [ref]);\r\n\r\n  return ref;\r\n};\r\n\r\nexport type Props = {\r\n  isShow?: boolean;\r\n  isFullScreen?: boolean;\r\n  contentStyles?: object;\r\n  contentWidth?: number;\r\n  className?: string;\r\n  contentClassName?: string;\r\n  zIndex?: number;\r\n  title?: string | ReactNode;\r\n  onClose?(): void;\r\n  onClickOutside?(): void;\r\n  children: ReactNode;\r\n  childrenClass?: string;\r\n  position?: string;\r\n};\r\n\r\nconst Drawer: React.FC<Props> = ({\r\n  isShow,\r\n  isFullScreen,\r\n  className,\r\n  contentClassName,\r\n  zIndex,\r\n  contentStyles,\r\n  contentWidth,\r\n  title,\r\n  onClose,\r\n  onClickOutside,\r\n  children,\r\n  childrenClass,\r\n  position = \"right\",\r\n}) => {\r\n  const isDesktop = useIsDesktop();\r\n\r\n  const ref = useOutsideClick(() => {\r\n    if (onClickOutside) {\r\n      onClickOutside();\r\n    }\r\n  });\r\n\r\n  const classPosition = {\r\n    right: [\"w-full top-0 right-0 justify-end\", \"w-[25vw] 2xl-max:w-[35vw] rounded-l-16\"],\r\n    bottom: [\"inset-0 w-[100vw] justify-center\", \"w-[100vw] rounded-t-16\"],\r\n    top: [\"inset-0 w-[100vw] justify-start\", \"w-[100vw] rounded-b-16\"],\r\n  };\r\n\r\n  if (isShow) {\r\n    return (\r\n      <motion.div\r\n        initial={{ opacity: 0 }}\r\n        animate={isShow ?\r\n          { opacity: 1 } :\r\n          { opacity: 0 }\r\n        }\r\n        style={{ zIndex: zIndex || 9999, position: \"relative\" }}\r\n      >\r\n        <div\r\n          className={`fixed ${classPosition[position][0]} flex ${position == \"top\"\r\n              ? \"items-start\"\r\n              : \"items-end\"\r\n            } bg-[#00000080] ${className || \"\"}`}\r\n          style={{ zIndex: zIndex || 9999 }}\r\n        >\r\n          <div\r\n            ref={ref}\r\n            className={`relative bg-white py-[18px] p-[9px] ${classPosition[position][1]\r\n              } overflow-auto ${isFullScreen ? `h-screen ` : \"\"} ${contentClassName || \"\"\r\n              }`}\r\n            style={{\r\n              ...contentStyles,\r\n            }}\r\n          >\r\n            {(title || onClose) && (\r\n              <div className={`flex items-center pb-16`}>\r\n                <HomeLogo />\r\n                {onClose && (\r\n                  <button type=\"button\" className=\"ml-auto\" onClick={onClose}>\r\n                    <IconClose size={20} color=\"#000000\" />\r\n                  </button>\r\n                )}\r\n              </div>\r\n            )}\r\n            <div className={childrenClass ?? \"\"}>{children}</div>\r\n          </div>\r\n        </div>\r\n\r\n        <style>{`\r\n          html, body {\r\n            overflow: hidden;\r\n          }\r\n        `}</style>\r\n      </motion.div>\r\n    );\r\n  }\r\n  return null;\r\n};\r\n\r\nexport default Drawer;\r\n","export const IconList = ({ size = 24, color = \"#551FC1\" }) => {\n  return (\n    <svg\n      width={size}\n      height={size}\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <g id=\"Heroicons/Outline/menu\">\n        <path\n          id=\"Icon\"\n          d=\"M4 6H20M4 12H20M4 18H20\"\n          stroke={color}\n          strokeWidth=\"2\"\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n        />\n      </g>\n    </svg>\n  );\n};","import Button from \"components/Button\";\nimport ButtonScheduleDemo from \"components/Button/ButtonScheduleDemo\";\nimport { CardNotFound } from \"components/Card/CardNotFound\";\nimport { Chip } from \"components/Chip/Chip\";\nimport { ContainerDesktop } from \"components/Container\";\nimport Drawer from \"components/Drawer\";\nimport { IconList } from \"components/Icon/IconList\";\nimport InstantSearchBox from \"components/InstantSearchBox/InstantSearchBox\";\nimport { CartList } from \"modules/Business/Selection/CartList\";\nimport { useCartStore } from \"modules/Business/Selection/cartStore\";\nimport { HomeLogo } from \"modules/Home/HomeLogo\";\nimport Link from \"next/link\";\nimport { useRouter } from \"next/router\";\nimport React, { useState } from \"react\";\n\nconst PageHeaderBusiness: React.FC<{\n  isTransparent?: boolean;\n  useSearch?: boolean;\n}> = ({ isTransparent, useSearch = false }) => {\n  const router = useRouter();\n  const [showDrawer, setShowDrawer] = useState(false);\n  const [showMenu, setShowMenu] = useState(false);\n  const currentCart = useCartStore((state) => state.currentCart);\n  const [menus, setMenus] = useState([\n    {\n      label: \"Benefit\",\n      href: \"\",\n      anchor: \"#home-benefit\",\n    },\n    {\n      label: \"Kursus\",\n      href: \"\",\n      anchor: \"#home-access\",\n    },\n    {\n      label: \"Paket\",\n      href: \"\",\n      anchor: \"#home-packets\",\n    },\n    // {\n    //   label: \"Pilih Kursus\",\n    //   href: \"/pilih-kursus\",\n    // },\n  ]);\n\n  const isMobileView =\n    typeof window !== \"undefined\" && window.screen.width < 993;\n\n  const handleScroll = (e: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => {\n    // first prevent the default behavior\n    e.preventDefault();\n    // get the href and remove everything before the hash (#)\n    const href = e.currentTarget.href;\n    const targetId = href.replace(/.*\\#/, \"\");\n    // get the element by id and use scrollIntoView\n    const elem = document.getElementById(targetId);\n    elem?.scrollIntoView({\n      behavior: \"smooth\",\n      block: \"start\",\n      inline: \"start\",\n    });\n  };\n\n  const listAllowedHeaderBusiness = [\n    \"/\",\n    \"/my-class\",\n    \"/course/[courseSlug]\",\n    \"/transactions/[transactionId]\",\n  ];\n  return (\n    <header\n      className={\n        \"w-full z-50 h-72 sticky \" +\n        (isTransparent\n          ? \"bg-transparent top-0 \"\n          : \"bg-white border-b border-neutral20_to_dark30 top-0 \")\n      }\n    >\n      <ContainerDesktop\n        className=\"h-full flex items-center justify-between\"\n        useAuto\n      >\n        <div className=\"flex justify-between items-center w-full gap-12\">\n          <div className=\"flex gap-32 items-center\">\n            <a href=\"/\">\n              <HomeLogo />\n            </a>\n            <div className=\"flex gap-32 hidden lg:block lg:flex\">\n              {menus.map((a) => (\n                <Link\n                  key={a.label}\n                  //@ts-ignore\n                  href={\n                    a.href\n                      ? a.href\n                      : !listAllowedHeaderBusiness.includes(router.pathname)\n                        ? \"/\"\n                        : a.anchor\n                  }\n                  onClick={\n                    a.href\n                      ? undefined\n                      : !listAllowedHeaderBusiness.includes(router.pathname)\n                        ? () => router.push({ pathname: \"/\" })\n                        : handleScroll\n                  }\n                  className=\"cursor-pointer font-medium text-black\"\n                >\n                  {a.label}\n                </Link>\n              ))}\n            </div>\n          </div>\n\n          <div className=\"m-auto mr-0 sg-max:hidden\">\n            {!isTransparent &&\n              listAllowedHeaderBusiness.includes(router.pathname) && (\n                <ButtonScheduleDemo className=\"!h-40\" id=\"cta-header\" />\n              )}\n          </div>\n\n          <div className=\"flex flex-end gap-32 items-center\">\n            {useSearch && (\n              <div className=\"lg-max:hidden\">\n                <InstantSearchBox\n                  placeholder=\"Cari kursus disini\"\n                  position=\"right\"\n                  className=\"w-400\"\n                  theme=\"transparent\"\n                />\n              </div>\n            )}\n\n            {!listAllowedHeaderBusiness.includes(router.pathname) && (\n              <Button\n                className={`rounded-8 !p-8 hover-unset relative !border-0  ${currentCart.length > 0\n                  ? \"!bg-purple-05 hover:bg-purple-05\"\n                  : \"!bg-white hover:bg-white\"\n                  }`}\n                onClick={() => setShowDrawer(!showDrawer)}\n              >\n                <div className=\"text-purple-50 font-medium sm-max:text-c1\">\n                  Kursus Pilihanmu\n                </div>\n\n                {/* @ts-ignore */}\n                {currentCart.length > 0 && router.pathname !== \"/cart/[id]\" && (\n                  <span className=\"min-w-[20px] min-h-20 px-4 text-c2 flex items-center justify-center absolute text-white rounded-18 bg-red-50 right-0 top-0 translate-x-[40%] -translate-y-[30%]\">\n                    {currentCart.length}\n                  </span>\n                )}\n              </Button>\n            )}\n          </div>\n\n          <div className=\"hidden sg-max:block\">\n            <div\n              className=\"cursor-pointer\"\n              onClick={(e) => {\n                e.preventDefault();\n                setShowMenu(!showMenu);\n              }}\n            >\n              <IconList />\n            </div>\n          </div>\n        </div>\n      </ContainerDesktop>\n\n      <Drawer\n        isShow={showDrawer}\n        isFullScreen={!isMobileView}\n        title={\n          <div className=\"flex gap-16\">\n            Kursus Pilihan{\" \"}\n            <Chip className=\"bg-purple-05 text-purple-50\">\n              {/* @ts-ignore */}\n              {router.pathname === \"/cart/[id]\" ? 0 : currentCart.length} Kursus\n            </Chip>\n          </div>\n        }\n        onClose={() => setShowDrawer(false)}\n        childrenClass=\"flex flex-col justify-between h-[95%]\"\n        position={isMobileView ? \"bottom\" : \"right\"}\n      >\n        {/* @ts-ignore */}\n        {router.pathname === \"/cart/[id]\" ? (\n          <CardNotFound\n            title=\"Kamu belum memilih kursus\"\n            message=\"Jelajahi kursus dan pilih kursus yang paling sesuai untuk perusahaanmu\"\n            className=\"!gap-16\"\n            useButton={[\n              {\n                href: \"/pilih-kursus\",\n                label: \"Pilih Kursus\",\n                variant: \"primary\",\n                onClose: () => setShowDrawer(false),\n              },\n            ]}\n          />\n        ) : (\n          <CartList\n            className={\n              currentCart.length\n                ? \"mb-16 !p-0 grid grid-cols-1 gap-16 max-h-[80vh] overflow-auto\"\n                : \"h-[80vh]\"\n            }\n            title=\"\"\n            onClose={() => setShowDrawer(false)}\n            onClickButton={() => setShowDrawer(false)}\n            wrapperList=\"py-20 !pr-20\"\n          />\n        )}\n\n        <div className=\"m-auto mb-0 w-full\">\n          <Button\n            className=\"w-full\"\n            onClick={() => {\n              setShowDrawer(false);\n              //@ts-ignore\n              router.replace(\"/cart\");\n            }}\n            state={\n              currentCart.length > 0 &&\n                (router as any).pathname !== \"/cart/[id]\"\n                ? \"active\"\n                : \"disabled\"\n            }\n          >\n            Lanjutkan\n          </Button>\n        </div>\n      </Drawer>\n\n      <Drawer\n        isShow={showMenu}\n        position=\"top\"\n        onClose={() => setShowMenu(false)}\n      >\n        <div className=\"mb-48 pt-[24px]\">\n          <div className=\"flex flex-col gap-32\">\n            {menus.map((a) => (\n              <Link\n                key={a.label}\n                //@ts-ignore\n                href={\n                  a.href\n                    ? a.href\n                    : !listAllowedHeaderBusiness.includes(router.pathname)\n                      ? \"/\"\n                      : a.anchor\n                }\n                onClick={\n                  a.href\n                    ? undefined\n                    : !listAllowedHeaderBusiness.includes(router.pathname)\n                      ? () => router.push({ pathname: \"/\" })\n                      : (e) => {\n                        setShowMenu(false);\n                        handleScroll(e);\n                      }\n                }\n                className=\"cursor-pointer font-medium text-black\"\n              >\n                {a.label}\n              </Link>\n            ))}\n          </div>\n        </div>\n\n        <ButtonScheduleDemo className=\"!h-40 w-full\" id=\"cta-header\" />\n      </Drawer>\n    </header>\n  );\n};\n\nexport default PageHeaderBusiness;\n","import { IconPlayCircle } from \"components/Icon/IconPlayCircle\";\r\nimport { IconStar } from \"components/Icon/IconStar\";\r\nimport { formatRating, numberWithCommas } from \"lib/helper\";\r\nimport React, { ReactNode } from \"react\";\r\nimport { Course } from \"./interfaces\";\r\nimport { IconTrash } from \"components/Icon/IconTrash\";\r\nimport { useRouter } from \"next/router\";\r\nimport { Image } from \"components/Image/Image\";\r\n\r\nconst CardCourseHorizontal: React.FC<Course> = ({ ...props }) => {\r\n  const router = useRouter();\r\n  return (\r\n    <div className=\"flex justify-between items-center w-full cursor-pointer\">\r\n      <div className=\"flex flex-row w-[-webkit-fill-available] gap-8\">\r\n        {props?.image_cover_url ? (\r\n          <div className=\"h-80 w-[140px] relative\">\r\n            <Image\r\n              src={props?.image_cover_url}\r\n              className=\"object-cover object-center rounded-8\"\r\n              width={140}\r\n              height={80}\r\n            />\r\n\r\n            <div className=\"absolute rounded-8 w-[140px] h-80 top-0 flex justify-center items-center\">\r\n              <IconPlayCircle\r\n                size={32}\r\n                classes=\"m-auto\"\r\n                isBgCustomized\r\n              />\r\n            </div>\r\n          </div>\r\n        ) : (\r\n          <div className=\"w-140 h-80 rounded-8 bg-neutral-20\"></div>\r\n        )}\r\n        <div className=\"flex flex-col w-fit 2xl-max:max-w-[calc(100%-148px)] justify-center gap-4 text-b2\">\r\n          {/* @ts-ignore */}\r\n          <div className=\"font-light line-clamp-1\">\r\n            {typeof props?.institution == \"string\"\r\n              ? //  @ts-ignore\r\n                props?.institution.split(\"||\")[0] || \"\"\r\n              : props.institution.name || \"\"}\r\n          </div>\r\n          <div\r\n            className={`text-neutral-80 font-medium line-clamp-1 ${\r\n              //  @ts-ignore\r\n              router.pathname === \"/cart\" ? \"w-full\" : \"max-w-[168px]\"\r\n            }`}\r\n          >\r\n            {props?.name}\r\n          </div>\r\n\r\n          <div className=\"flex gap-8 justify-start items-center font-light\">\r\n            {/* @ts-ignore */}\r\n            {typeof props?.review_summary?.star_avg === \"number\" &&\r\n            // @ts-ignore\r\n            props?.review_summary?.star_avg !== 0 ? (\r\n              <>\r\n                <div className=\"flex items-center justify-center\">\r\n                  <IconStar size={12} fill color=\"#EFB443\" />\r\n                  <div className=\"ml-2\">\r\n                    {formatRating(\r\n                      //  @ts-ignore\r\n                      props?.review_summary?.star_avg.toFixed(1)\r\n                    )}\r\n                  </div>\r\n                </div>\r\n                |\r\n              </>\r\n            ) : (\r\n              <></>\r\n            )}\r\n            {props?.total_learners !== 0 && (\r\n              <div>{`${numberWithCommas(props?.total_learners)} pelajar`}</div>\r\n            )}\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      {/* @ts-ignore */}\r\n      {props.onDelete && router.pathname !== \"/cart/[id]\" && (\r\n        //@ts-ignore\r\n        <div onClick={props.onDelete} className=\"m-auto mr-0\">\r\n          <IconTrash color=\"#817E8C\" />\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default CardCourseHorizontal;\r\n","import { CardNotFound } from \"components/Card/CardNotFound\";\nimport { useCartStore } from \"./cartStore\";\nimport CardCourseHorizontal from \"components/Card/CardCourseHorizontal\";\nimport { ReactNode } from \"react\";\n\nexport const CartList: React.FC<{\n  className?: string;\n  title?: string;\n  onClose?(): void;\n  onClickButton?(): void;\n  beforeInput?: ReactNode;\n  data?: any;\n  wrapperList?: string;\n}> = ({ className = \"\", title, onClose, onClickButton, beforeInput, data, wrapperList }) => {\n  const { currentCart, updateCart } = useCartStore((state) => ({\n    currentCart: state.currentCart,\n    updateCart: state.updateCart,\n  }));\n\n  let allData = data ?? currentCart;\n\n  return (\n    <div className={`grid gap-16 ${className}`}>\n      {title && <div className=\"text-h4 font-bold\">{title}</div>}\n\n      {allData.length > 0 ? (\n        <div className={`bg-white rounded-16 mb-16 grid grid-cols-1 gap-16 h-fit ${wrapperList ?? \"p-20\"}`}>\n          {beforeInput && <>{beforeInput}</>}\n          {allData.map((course, index) => (\n            //@ts-ignore\n            <CardCourseHorizontal\n              {...{\n                ...course,\n                index,\n                onDelete: () => updateCart(course),\n              }}\n              key={Math.random()}\n            />\n          ))}\n        </div>\n      ) : (\n        <div className=\"p-20 bg-white rounded-16 flex justify-center\">\n          <CardNotFound\n            title=\"Kamu belum memilih kursus\"\n            message=\"Jelajahi kursus dan pilih kursus yang paling sesuai untuk perusahaanmu\"\n            className=\"!gap-16\"\n            useButton={[\n              {\n                href: \"/pilih-kursus\",\n                label: \"Pilih Kursus\",\n                variant: \"primary\",\n                onClose: () => onClickButton(),\n              },\n            ]}\n          />\n        </div>\n      )}\n    </div>\n  );\n};\n","import createStore from \"zustand\";\n\nexport type PopupStore = {\n  // state\n  isShow: boolean | false;\n  currentCtaEvent: string;\n  isShowYoutubeModal: boolean;\n\n  // actions\n  showPopupFormSales: (event: string) => void;\n  closePopupFormSales: () => void;\n  showPopupYoutube: () => void;\n  closePopupYoutube: () =>void;\n};\n\nexport const usePopupStoreFormSales = createStore<PopupStore>((set) => ({\n  // state\n  isShow: false,\n  currentCtaEvent: '',\n  isShowYoutubeModal: false,\n\n  // actions\n  showPopupFormSales(event) {\n    set({ isShow: true, currentCtaEvent: event });\n  },\n  closePopupFormSales() {\n    set({ isShow: false });\n  },\n  showPopupYoutube() {\n    set({ isShowYoutubeModal: true });\n  },\n  closePopupYoutube(){\n    set({ isShowYoutubeModal: false });\n  }\n}));\n"],"names":["className","id","variant","wrapperClass","headingTranslationButton","TranslationID","isOpen","setIsOpen","useState","showPopupFormSales","usePopupStoreFormSales","state","div","Button","onClick","pushDataLayer","event","isFull","contactSales","IconTrash","size","svg","width","height","viewBox","fill","xmlns","path","d","isShow","isFullScreen","contentClassName","zIndex","contentStyles","contentWidth","title","onClose","onClickOutside","children","childrenClass","position","useIsDesktop","ref","callback","React","handleClick","current","contains","target","document","addEventListener","removeEventListener","useOutsideClick","classPosition","right","bottom","top","motion","initial","opacity","animate","style","HomeLogo","button","type","IconClose","color","IconList","g","stroke","strokeWidth","strokeLinecap","strokeLinejoin","isTransparent","useSearch","router","useRouter","showDrawer","setShowDrawer","showMenu","setShowMenu","currentCart","useCartStore","menus","setMenus","label","href","anchor","isMobileView","window","screen","handleScroll","e","preventDefault","targetId","currentTarget","replace","elem","getElementById","scrollIntoView","behavior","block","inline","listAllowedHeaderBusiness","header","ContainerDesktop","useAuto","a","map","Link","includes","pathname","undefined","push","ButtonScheduleDemo","InstantSearchBox","placeholder","theme","length","span","Drawer","Chip","CardNotFound","message","useButton","CartList","onClickButton","wrapperList","props","image_cover_url","Image","src","IconPlayCircle","classes","isBgCustomized","institution","split","name","review_summary","star_avg","IconStar","formatRating","toFixed","total_learners","numberWithCommas","onDelete","beforeInput","data","updateCart","allData","course","index","CardCourseHorizontal","key","Math","random","createStore","set","currentCtaEvent","isShowYoutubeModal","closePopupFormSales","showPopupYoutube","closePopupYoutube"],"sourceRoot":""}