@myinterview/chatbot 0.1.80 → 0.1.81-beta-fb8e27d

package/dist/{index-DPBBnx4n.js → index-1m_3b8CI.js}

@@ -1,5 +1,5 @@
 import { jsxs as m, jsx as l } from "react/jsx-runtime";
-import { c as a, G as v, J as w, P as S } from "./main.react-BrHBHisx.js";
+import { c as a, Z as v, t as w, P as S } from "./main.react-mKSiitew.js";
 import { useState as o } from "react";
 const N = ({ data: i, completed: c, onSubmitAnswer: d }) => {
   const [n, h] = o(c), [s, r] = o(() => /* @__PURE__ */ new Set()), u = s.size >= (i.minSelected ?? 1) && s.size <= (i.maxSelected ?? i.options.length), b = (e) => {
@@ -19,4 +19,4 @@ const N = ({ data: i, completed: c, onSubmitAnswer: d }) => {
 export {
   N as default
 };
-//# sourceMappingURL=index-DPBBnx4n.js.map
+//# sourceMappingURL=index-1m_3b8CI.js.map

package/dist/{index-DPBBnx4n.js.map → index-1m_3b8CI.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-DPBBnx4n.js","sources":["../src/components/modules/MultiSelect/index.tsx"],"sourcesContent":["import { Button, Text, Vi } from '@myinterview/component-library';\nimport { useState } from 'react';\nimport classNames from 'classnames';\nimport { MessageModuleProps } from '../../../interfaces/modules';\nimport { ModuleType } from '../../../interfaces/modules/generic';\n\nconst MultiSelect = ({ data, completed, onSubmitAnswer }: MessageModuleProps<ModuleType.MULTI_SELECT>) => {\n  const [isDisabled, setIsDisabled] = useState<boolean>(completed);\n  const [selectedOptionIds, setSelectedOptionIds] = useState<Set<typeof data['options'][number]['id']>>(() => new Set());\n  const isValid = selectedOptionIds.size >= (data.minSelected ?? 1) && selectedOptionIds.size <= (data.maxSelected ?? data.options.length);\n\n  const handleChange = (id: typeof data['options'][number]['id']) => {\n    if (isDisabled) return;\n    if (selectedOptionIds.has(id)) {\n      setSelectedOptionIds((prev) => new Set(Array.from(prev).filter((_id) => _id !== id)));\n    } else {\n      setSelectedOptionIds((prev) => new Set([...prev, id]));\n    }\n  };\n\n  const handleSubmit = () => {\n    if (!selectedOptionIds) return;\n    const options = data.options.map((option) => ({ ...option, selected: selectedOptionIds.has(option.id) }));\n    onSubmitAnswer(\n      {\n        ...data,\n        options,\n        selected_ids: Array.from(selectedOptionIds),\n      },\n      options.filter(({ selected }) => selected).map((o) => o.title).join(', '),\n    );\n    setIsDisabled(true);\n  };\n\n  return (\n    <div className=\"myinterview-chatbot-multi-select\">\n      <div className={classNames('myinterview-chatbot-multi-select__list', { 'myinterview-chatbot-multi-select__list--disabled': isDisabled || completed })}>\n        {data.options.map((option) => (\n          <div\n            key={option.id}\n            className=\"myinterview-chatbot-multi-select__item\"\n            onClick={() => handleChange(option.id)}\n            role=\"presentation\"\n          >\n            <div className={classNames('myinterview-chatbot-multi-select__checkmark', { 'myinterview-chatbot-multi-select__checkmark--selected': selectedOptionIds.has(option.id) })}>\n              <Vi />\n            </div>\n            <Text className=\"myinterview-chatbot-multi-select__title\">{option.title}</Text>\n          </div>\n        ))}\n      </div>\n\n      <Button\n        size=\"small\"\n        onClick={handleSubmit}\n        disabled={isDisabled || !isValid || completed}\n      >\n        {data.buttonText || 'Submit'}\n      </Button>\n    </div>\n  );\n};\n\nexport default MultiSelect;\n"],"names":["MultiSelect","data","completed","onSubmitAnswer","isDisabled","setIsDisabled","useState","selectedOptionIds","setSelectedOptionIds","isValid","handleChange","id","prev","_id","handleSubmit","options","option","selected","o","_jsxs","_jsx","classNames","Vi","Text","Button"],"mappings":";;;AAMA,MAAMA,IAAc,CAAC,EAAE,MAAAC,GAAM,WAAAC,GAAW,gBAAAC,QAAiE;AACvG,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAAkBJ,CAAS,GACzD,CAACK,GAAmBC,CAAoB,IAAIF,EAAoD,MAAM,oBAAI,KAAK,GAC/GG,IAAUF,EAAkB,SAASN,EAAK,eAAe,MAAMM,EAAkB,SAASN,EAAK,eAAeA,EAAK,QAAQ,SAE3HS,IAAe,CAACC,MAA4C;AAChE,IAAIP,MACAG,EAAkB,IAAII,CAAE,IAC1BH,EAAqB,CAACI,MAAS,IAAI,IAAI,MAAM,KAAKA,CAAI,EAAE,OAAO,CAACC,MAAQA,MAAQF,CAAE,CAAC,CAAC,IAEpFH,EAAqB,CAACI,MAAS,oBAAI,IAAI,CAAC,GAAGA,GAAMD,CAAE,CAAC,CAAC;AAAA,EAEzD,GAEMG,IAAe,MAAK;AACxB,QAAI,CAACP;AAAmB;AACxB,UAAMQ,IAAUd,EAAK,QAAQ,IAAI,CAACe,OAAY,EAAE,GAAGA,GAAQ,UAAUT,EAAkB,IAAIS,EAAO,EAAE,IAAI;AACxG,IAAAb,EACE;AAAA,MACE,GAAGF;AAAA,MACH,SAAAc;AAAA,MACA,cAAc,MAAM,KAAKR,CAAiB;AAAA,IAAA,GAE5CQ,EAAQ,OAAO,CAAC,EAAE,UAAAE,QAAeA,CAAQ,EAAE,IAAI,CAACC,MAAMA,EAAE,KAAK,EAAE,KAAK,IAAI,CAAC,GAE3Eb,EAAc,EAAI;AAAA,EACpB;AAEA,SACEc,EAAA,OAAA,EAAK,WAAU,oCAAkC,UAAA,CAC/CC,EAAA,OAAA,EAAK,WAAWC,EAAW,0CAA0C,EAAE,oDAAoDjB,KAAcF,EAAA,CAAW,GAAC,UAClJD,EAAK,QAAQ,IAAI,CAACe,MACjBG,EAAA,OAAA,EAEE,WAAU,0CACV,SAAS,MAAMT,EAAaM,EAAO,EAAE,GACrC,MAAK,gBAAc,UAAA,CAEnBI,EAAA,OAAA,EAAK,WAAWC,EAAW,+CAA+C,EAAE,yDAAyDd,EAAkB,IAAIS,EAAO,EAAE,EAAA,CAAG,GAAC,UACtKI,EAACE,GAAE,EAAA,EAAA,CAAG,GAERF,EAACG,GAAI,EAAC,WAAU,2CAAyC,UAAEP,EAAO,MAAA,CAAK,CAAQ,EAAA,GAR1EA,EAAO,EAAE,CAUjB,EAAA,CAAC,GAGJI,EAACI,GAAM,EACL,MAAK,SACL,SAASV,GACT,UAAUV,KAAc,CAACK,KAAWP,GAAS,UAE5CD,EAAK,cAAc,UAAQ,CACrB,GAAA;AAGf;"}
+{"version":3,"file":"index-1m_3b8CI.js","sources":["../src/components/modules/MultiSelect/index.tsx"],"sourcesContent":["import { Button, Text, Vi } from '@myinterview/component-library';\nimport { useState } from 'react';\nimport classNames from 'classnames';\nimport { MessageModuleProps } from '../../../interfaces/modules';\nimport { ModuleType } from '../../../interfaces/modules/generic';\n\nconst MultiSelect = ({ data, completed, onSubmitAnswer }: MessageModuleProps<ModuleType.MULTI_SELECT>) => {\n  const [isDisabled, setIsDisabled] = useState<boolean>(completed);\n  const [selectedOptionIds, setSelectedOptionIds] = useState<Set<typeof data['options'][number]['id']>>(() => new Set());\n  const isValid = selectedOptionIds.size >= (data.minSelected ?? 1) && selectedOptionIds.size <= (data.maxSelected ?? data.options.length);\n\n  const handleChange = (id: typeof data['options'][number]['id']) => {\n    if (isDisabled) return;\n    if (selectedOptionIds.has(id)) {\n      setSelectedOptionIds((prev) => new Set(Array.from(prev).filter((_id) => _id !== id)));\n    } else {\n      setSelectedOptionIds((prev) => new Set([...prev, id]));\n    }\n  };\n\n  const handleSubmit = () => {\n    if (!selectedOptionIds) return;\n    const options = data.options.map((option) => ({ ...option, selected: selectedOptionIds.has(option.id) }));\n    onSubmitAnswer(\n      {\n        ...data,\n        options,\n        selected_ids: Array.from(selectedOptionIds),\n      },\n      options.filter(({ selected }) => selected).map((o) => o.title).join(', '),\n    );\n    setIsDisabled(true);\n  };\n\n  return (\n    <div className=\"myinterview-chatbot-multi-select\">\n      <div className={classNames('myinterview-chatbot-multi-select__list', { 'myinterview-chatbot-multi-select__list--disabled': isDisabled || completed })}>\n        {data.options.map((option) => (\n          <div\n            key={option.id}\n            className=\"myinterview-chatbot-multi-select__item\"\n            onClick={() => handleChange(option.id)}\n            role=\"presentation\"\n          >\n            <div className={classNames('myinterview-chatbot-multi-select__checkmark', { 'myinterview-chatbot-multi-select__checkmark--selected': selectedOptionIds.has(option.id) })}>\n              <Vi />\n            </div>\n            <Text className=\"myinterview-chatbot-multi-select__title\">{option.title}</Text>\n          </div>\n        ))}\n      </div>\n\n      <Button\n        size=\"small\"\n        onClick={handleSubmit}\n        disabled={isDisabled || !isValid || completed}\n      >\n        {data.buttonText || 'Submit'}\n      </Button>\n    </div>\n  );\n};\n\nexport default MultiSelect;\n"],"names":["MultiSelect","data","completed","onSubmitAnswer","isDisabled","setIsDisabled","useState","selectedOptionIds","setSelectedOptionIds","isValid","handleChange","id","prev","_id","handleSubmit","options","option","selected","o","_jsxs","_jsx","classNames","Vi","Text","Button"],"mappings":";;;AAMA,MAAMA,IAAc,CAAC,EAAE,MAAAC,GAAM,WAAAC,GAAW,gBAAAC,QAAiE;AACvG,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAAkBJ,CAAS,GACzD,CAACK,GAAmBC,CAAoB,IAAIF,EAAoD,MAAM,oBAAI,KAAK,GAC/GG,IAAUF,EAAkB,SAASN,EAAK,eAAe,MAAMM,EAAkB,SAASN,EAAK,eAAeA,EAAK,QAAQ,SAE3HS,IAAe,CAACC,MAA4C;AAChE,IAAIP,MACAG,EAAkB,IAAII,CAAE,IAC1BH,EAAqB,CAACI,MAAS,IAAI,IAAI,MAAM,KAAKA,CAAI,EAAE,OAAO,CAACC,MAAQA,MAAQF,CAAE,CAAC,CAAC,IAEpFH,EAAqB,CAACI,MAAS,oBAAI,IAAI,CAAC,GAAGA,GAAMD,CAAE,CAAC,CAAC;AAAA,EAEzD,GAEMG,IAAe,MAAK;AACxB,QAAI,CAACP;AAAmB;AACxB,UAAMQ,IAAUd,EAAK,QAAQ,IAAI,CAACe,OAAY,EAAE,GAAGA,GAAQ,UAAUT,EAAkB,IAAIS,EAAO,EAAE,IAAI;AACxG,IAAAb,EACE;AAAA,MACE,GAAGF;AAAA,MACH,SAAAc;AAAA,MACA,cAAc,MAAM,KAAKR,CAAiB;AAAA,IAAA,GAE5CQ,EAAQ,OAAO,CAAC,EAAE,UAAAE,QAAeA,CAAQ,EAAE,IAAI,CAACC,MAAMA,EAAE,KAAK,EAAE,KAAK,IAAI,CAAC,GAE3Eb,EAAc,EAAI;AAAA,EACpB;AAEA,SACEc,EAAA,OAAA,EAAK,WAAU,oCAAkC,UAAA,CAC/CC,EAAA,OAAA,EAAK,WAAWC,EAAW,0CAA0C,EAAE,oDAAoDjB,KAAcF,EAAA,CAAW,GAAC,UAClJD,EAAK,QAAQ,IAAI,CAACe,MACjBG,EAAA,OAAA,EAEE,WAAU,0CACV,SAAS,MAAMT,EAAaM,EAAO,EAAE,GACrC,MAAK,gBAAc,UAAA,CAEnBI,EAAA,OAAA,EAAK,WAAWC,EAAW,+CAA+C,EAAE,yDAAyDd,EAAkB,IAAIS,EAAO,EAAE,EAAA,CAAG,GAAC,UACtKI,EAACE,GAAE,EAAA,EAAA,CAAG,GAERF,EAACG,GAAI,EAAC,WAAU,2CAAyC,UAAEP,EAAO,MAAA,CAAK,CAAQ,EAAA,GAR1EA,EAAO,EAAE,CAUjB,EAAA,CAAC,GAGJI,EAACI,GAAM,EACL,MAAK,SACL,SAASV,GACT,UAAUV,KAAc,CAACK,KAAWP,GAAS,UAE5CD,EAAK,cAAc,UAAQ,CACrB,GAAA;AAGf;"}

package/dist/{index-G-642gJS.js → index-2DIU8UZO.js}

@@ -1,6 +1,6 @@
 import { jsxs as d, jsx as n } from "react/jsx-runtime";
 import { useRef as I, useState as u, useEffect as x } from "react";
-import { a as C, u as A, b as k, i as q, c as D, M as E, S as V, P as j, C as T } from "./main.react-BrHBHisx.js";
+import { a as C, u as A, b as k, i as q, c as D, M as E, S as V, P as j, C as T } from "./main.react-mKSiitew.js";
 var a;
 (function(e) {
   e.IframeModule = "0", e.MobileModule = "1", e.RedirectionModule = "2", e.LiveMobileModule = "3";
@@ -38,4 +38,4 @@ const m = {
 export {
   H as default
 };
-//# sourceMappingURL=index-G-642gJS.js.map
+//# sourceMappingURL=index-2DIU8UZO.js.map

package/dist/{index-G-642gJS.js.map → index-2DIU8UZO.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-G-642gJS.js","sources":["../src/interfaces/modules/idAnalyzer.ts","../src/services/idAnalayzer.service.ts","../src/components/modules/IDAnalayzer/index.tsx"],"sourcesContent":["import { ChatModule, IDAnalayzerMethod, ModuleName, ModuleType } from './generic';\n\nexport enum DocuPassModuleType {\n  IframeModule = '0',\n  MobileModule = '1',\n  RedirectionModule = '2',\n  LiveMobileModule = '3',\n}\n\nexport const DocuPassModuleTypeResponse: { [k in DocuPassModuleType]: 'iframe' | 'qrcode' | 'url' } = {\n  [DocuPassModuleType.IframeModule]: 'iframe',\n  [DocuPassModuleType.MobileModule]: 'qrcode',\n  [DocuPassModuleType.RedirectionModule]: 'url',\n  [DocuPassModuleType.LiveMobileModule]: 'qrcode',\n} as const;\n\nexport type IDAnalayzerModule = ChatModule<ModuleName.ID_ANALYZER, ModuleType.ID_ANALYZER, IDAnalayzerMethod>;\n","import { DocuPassModuleType } from '../interfaces/modules/idAnalyzer';\nimport { axiosInstanceVius } from './axiosInstances.service';\n\nexport const createAnalyzer = async (docPassModuleType: DocuPassModuleType, verificationMethods: string, authorization: string, video_id: string) => axiosInstanceVius.post('/modules/idanalyzer/createVerificationSession', { type: docPassModuleType, documentType: verificationMethods, video_id }, { headers: { authorization } });\n\nexport const confirmAnalyzer = async (authorization: string, controller: AbortController, video_id: string) => axiosInstanceVius.get(`/modules/idanalyzer?video_id=${video_id}`, { headers: { authorization }, timeout: 1e6, signal: controller.signal });\n","import { useEffect, useRef, useState } from 'react';\nimport classNames from 'classnames';\nimport { Button } from '@myinterview/component-library';\n// import { createPortal } from 'react-dom';\nimport { MessageModuleProps } from '../../../interfaces/modules';\nimport { ModuleType } from '../../../interfaces/modules/generic';\nimport { DocuPassModuleType, DocuPassModuleTypeResponse } from '../../../interfaces/modules/idAnalyzer';\nimport { isMobile } from '../../../utils/device.utils';\nimport { useAppSelector } from '../../../store/hooks';\nimport { confirmAnalyzer, createAnalyzer } from '../../../services/idAnalayzer.service';\nimport { conversationsMap } from '../../../utils/sdkObject.utils';\nimport { ReduxConversationAttributes } from '../../../interfaces/mainInterface';\nimport MediaImage from '../../MediaImage';\nimport CloseButton from '../../common/CloseButton';\nimport Skeleton from '../../ui/Skeleton';\n\nconst IDAnalayzer = ({ data, completed }: MessageModuleProps<ModuleType.ID_ANALYZER>) => {\n  const auth = useAppSelector((state) => state.chatbotConfig.auth);\n  const selectedConversationId = useAppSelector((state) => state.main.selectedConversationId);\n  const idAnalyzerController = useRef(new AbortController());\n  const videoId = (conversationsMap.get(selectedConversationId)?.attributes as ReduxConversationAttributes).video_id;\n  const docModuleType = useRef<DocuPassModuleType>(isMobile ? DocuPassModuleType.IframeModule : DocuPassModuleType.LiveMobileModule);\n  const [idAnalyzerUrl, setIdAnalazyerUrl] = useState<string>('');\n  const [isOpen, setIsOpen] = useState<boolean>(false);\n  const [mediaLoaded, setIsMediaLoaded] = useState<boolean>(false);\n\n  const isQRCode = DocuPassModuleTypeResponse[docModuleType.current] === 'qrcode';\n\n  const clearIdAnalyzer = () => {\n    idAnalyzerController.current.abort();\n    setIsOpen(false);\n  };\n\n  const checkAnalyzerValidation = () => {\n    idAnalyzerController.current = new AbortController();\n    confirmAnalyzer(auth, idAnalyzerController.current, videoId)\n      .then(clearIdAnalyzer)\n      .catch((e) => {\n        if (e.code !== 'ERR_CANCELED') {\n          checkAnalyzerValidation();\n        }\n      });\n  };\n\n  const setAnalyzer = () => {\n    const verificationMethods = data.methods?.join('');\n    createAnalyzer(docModuleType.current, verificationMethods, auth, videoId).then((res) => {\n      setIdAnalazyerUrl(res.data.data[DocuPassModuleTypeResponse[docModuleType.current]]);\n    });\n  };\n\n  const openIDAnalayzer = () => {\n    setIsOpen(true);\n    checkAnalyzerValidation();\n  };\n\n  useEffect(() => {\n    setAnalyzer();\n  }, []);\n\n  const idAnalayzerClassNames = classNames('myinterview-chatbot-id-analyzer', {\n    'myinterview-chatbot-id-analyzer--qr-code': isQRCode,\n  });\n\n  if (isQRCode) {\n    return (\n      <div className={idAnalayzerClassNames}>\n        <MediaImage mediaUrl={idAnalyzerUrl} title=\"QR-Code\" disableFetching onMediaReady={() => setIsMediaLoaded(true)} />\n        {!mediaLoaded && <Skeleton transparent />}\n      </div>\n    );\n  }\n\n  return (\n    <div className={idAnalayzerClassNames}>\n      <Button onClick={openIDAnalayzer} size=\"small\" disabled={!idAnalyzerUrl || completed}>{data.buttonText || 'Verify ID'}</Button>\n      {isOpen\n        && (\n        <div className=\"myinterview-chatbot-id-analyzer__iframe-container\">\n          <CloseButton classNames=\"myinterview-chatbot-id-analyzer__close\" onClick={clearIdAnalyzer} size={16} />\n\n          {DocuPassModuleTypeResponse[docModuleType.current] === 'iframe'\n            ? <div className=\"myinterview-chatbot-id-analyzer__iframe-wrapper\" dangerouslySetInnerHTML={{ __html: idAnalyzerUrl }} />\n            : <iframe src={idAnalyzerUrl} title=\"ID Analyzer\" />}\n        </div>\n        )}\n    </div>\n  );\n};\n\nexport default IDAnalayzer;\n"],"names":["DocuPassModuleType","DocuPassModuleTypeResponse","createAnalyzer","docPassModuleType","verificationMethods","authorization","video_id","axiosInstanceVius","confirmAnalyzer","controller","IDAnalayzer","data","completed","auth","useAppSelector","state","selectedConversationId","idAnalyzerController","useRef","videoId","_a","conversationsMap","docModuleType","isMobile","idAnalyzerUrl","setIdAnalazyerUrl","useState","isOpen","setIsOpen","mediaLoaded","setIsMediaLoaded","isQRCode","clearIdAnalyzer","checkAnalyzerValidation","e","setAnalyzer","res","openIDAnalayzer","useEffect","idAnalayzerClassNames","classNames","_jsxs","_jsx","MediaImage","Skeleton","Button","CloseButton"],"mappings":"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"}
+{"version":3,"file":"index-2DIU8UZO.js","sources":["../src/interfaces/modules/idAnalyzer.ts","../src/services/idAnalayzer.service.ts","../src/components/modules/IDAnalayzer/index.tsx"],"sourcesContent":["import { ChatModule, IDAnalayzerMethod, ModuleName, ModuleType } from './generic';\n\nexport enum DocuPassModuleType {\n  IframeModule = '0',\n  MobileModule = '1',\n  RedirectionModule = '2',\n  LiveMobileModule = '3',\n}\n\nexport const DocuPassModuleTypeResponse: { [k in DocuPassModuleType]: 'iframe' | 'qrcode' | 'url' } = {\n  [DocuPassModuleType.IframeModule]: 'iframe',\n  [DocuPassModuleType.MobileModule]: 'qrcode',\n  [DocuPassModuleType.RedirectionModule]: 'url',\n  [DocuPassModuleType.LiveMobileModule]: 'qrcode',\n} as const;\n\nexport type IDAnalayzerModule = ChatModule<ModuleName.ID_ANALYZER, ModuleType.ID_ANALYZER, IDAnalayzerMethod>;\n","import { DocuPassModuleType } from '../interfaces/modules/idAnalyzer';\nimport { axiosInstanceVius } from './axiosInstances.service';\n\nexport const createAnalyzer = async (docPassModuleType: DocuPassModuleType, verificationMethods: string, authorization: string, video_id: string) => axiosInstanceVius.post('/modules/idanalyzer/createVerificationSession', { type: docPassModuleType, documentType: verificationMethods, video_id }, { headers: { authorization } });\n\nexport const confirmAnalyzer = async (authorization: string, controller: AbortController, video_id: string) => axiosInstanceVius.get(`/modules/idanalyzer?video_id=${video_id}`, { headers: { authorization }, timeout: 1e6, signal: controller.signal });\n","import { useEffect, useRef, useState } from 'react';\nimport classNames from 'classnames';\nimport { Button } from '@myinterview/component-library';\n// import { createPortal } from 'react-dom';\nimport { MessageModuleProps } from '../../../interfaces/modules';\nimport { ModuleType } from '../../../interfaces/modules/generic';\nimport { DocuPassModuleType, DocuPassModuleTypeResponse } from '../../../interfaces/modules/idAnalyzer';\nimport { isMobile } from '../../../utils/device.utils';\nimport { useAppSelector } from '../../../store/hooks';\nimport { confirmAnalyzer, createAnalyzer } from '../../../services/idAnalayzer.service';\nimport { conversationsMap } from '../../../utils/sdkObject.utils';\nimport { ReduxConversationAttributes } from '../../../interfaces/mainInterface';\nimport MediaImage from '../../MediaImage';\nimport CloseButton from '../../common/CloseButton';\nimport Skeleton from '../../ui/Skeleton';\n\nconst IDAnalayzer = ({ data, completed }: MessageModuleProps<ModuleType.ID_ANALYZER>) => {\n  const auth = useAppSelector((state) => state.chatbotConfig.auth);\n  const selectedConversationId = useAppSelector((state) => state.main.selectedConversationId);\n  const idAnalyzerController = useRef(new AbortController());\n  const videoId = (conversationsMap.get(selectedConversationId)?.attributes as ReduxConversationAttributes).video_id;\n  const docModuleType = useRef<DocuPassModuleType>(isMobile ? DocuPassModuleType.IframeModule : DocuPassModuleType.LiveMobileModule);\n  const [idAnalyzerUrl, setIdAnalazyerUrl] = useState<string>('');\n  const [isOpen, setIsOpen] = useState<boolean>(false);\n  const [mediaLoaded, setIsMediaLoaded] = useState<boolean>(false);\n\n  const isQRCode = DocuPassModuleTypeResponse[docModuleType.current] === 'qrcode';\n\n  const clearIdAnalyzer = () => {\n    idAnalyzerController.current.abort();\n    setIsOpen(false);\n  };\n\n  const checkAnalyzerValidation = () => {\n    idAnalyzerController.current = new AbortController();\n    confirmAnalyzer(auth, idAnalyzerController.current, videoId)\n      .then(clearIdAnalyzer)\n      .catch((e) => {\n        if (e.code !== 'ERR_CANCELED') {\n          checkAnalyzerValidation();\n        }\n      });\n  };\n\n  const setAnalyzer = () => {\n    const verificationMethods = data.methods?.join('');\n    createAnalyzer(docModuleType.current, verificationMethods, auth, videoId).then((res) => {\n      setIdAnalazyerUrl(res.data.data[DocuPassModuleTypeResponse[docModuleType.current]]);\n    });\n  };\n\n  const openIDAnalayzer = () => {\n    setIsOpen(true);\n    checkAnalyzerValidation();\n  };\n\n  useEffect(() => {\n    setAnalyzer();\n  }, []);\n\n  const idAnalayzerClassNames = classNames('myinterview-chatbot-id-analyzer', {\n    'myinterview-chatbot-id-analyzer--qr-code': isQRCode,\n  });\n\n  if (isQRCode) {\n    return (\n      <div className={idAnalayzerClassNames}>\n        <MediaImage mediaUrl={idAnalyzerUrl} title=\"QR-Code\" disableFetching onMediaReady={() => setIsMediaLoaded(true)} />\n        {!mediaLoaded && <Skeleton transparent />}\n      </div>\n    );\n  }\n\n  return (\n    <div className={idAnalayzerClassNames}>\n      <Button onClick={openIDAnalayzer} size=\"small\" disabled={!idAnalyzerUrl || completed}>{data.buttonText || 'Verify ID'}</Button>\n      {isOpen\n        && (\n        <div className=\"myinterview-chatbot-id-analyzer__iframe-container\">\n          <CloseButton classNames=\"myinterview-chatbot-id-analyzer__close\" onClick={clearIdAnalyzer} size={16} />\n\n          {DocuPassModuleTypeResponse[docModuleType.current] === 'iframe'\n            ? <div className=\"myinterview-chatbot-id-analyzer__iframe-wrapper\" dangerouslySetInnerHTML={{ __html: idAnalyzerUrl }} />\n            : <iframe src={idAnalyzerUrl} title=\"ID Analyzer\" />}\n        </div>\n        )}\n    </div>\n  );\n};\n\nexport default IDAnalayzer;\n"],"names":["DocuPassModuleType","DocuPassModuleTypeResponse","createAnalyzer","docPassModuleType","verificationMethods","authorization","video_id","axiosInstanceVius","confirmAnalyzer","controller","IDAnalayzer","data","completed","auth","useAppSelector","state","selectedConversationId","idAnalyzerController","useRef","videoId","_a","conversationsMap","docModuleType","isMobile","idAnalyzerUrl","setIdAnalazyerUrl","useState","isOpen","setIsOpen","mediaLoaded","setIsMediaLoaded","isQRCode","clearIdAnalyzer","checkAnalyzerValidation","e","setAnalyzer","res","openIDAnalayzer","useEffect","idAnalayzerClassNames","classNames","_jsxs","_jsx","MediaImage","Skeleton","Button","CloseButton"],"mappings":"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"}

package/dist/{index-BwJ_kdjo.js → index-B4SEkjcz.js}

@@ -1,14 +1,14 @@
 import { jsxs as b, jsx as e, Fragment as X } from "react/jsx-runtime";
 import { useRef as i, useState as S, useCallback as d, useEffect as j, useMemo as $ } from "react";
-import { i as k, B as O, c as P, J as B, P as J, A as U } from "./main.react-BrHBHisx.js";
-const F = 300, H = 0.25, L = 2, V = 30, G = ({ children: c, sliderHeight: o, currentIndex: a = 0, itemSize: p = 1 / 0, gap: m = 0, onIndexChanged: _ }) => {
+import { i as k, B as O, c as P, t as B, P as U, A as F } from "./main.react-mKSiitew.js";
+const H = 300, J = 0.25, L = 2, V = 30, G = ({ children: c, sliderHeight: o, currentIndex: a = 0, itemSize: p = 1 / 0, gap: m = 0, onIndexChanged: _ }) => {
   const n = i(), h = i(null), u = i(a), [N, y] = S(0), w = i(null), r = i(0), s = i(0), x = i(0), g = i(0), v = Math.min(p, N) + m, R = d(() => {
     n.current && (n.current.style.transform = `translate3d(${s.current}px, 0px, 0px)`);
   }, []), T = d(() => {
     if (!n.current)
       return;
     const t = Math.min(Math.max(Math.round(-s.current / v) + g.current, 0), c.length - 1);
-    u.current = Math.min(Math.max(t, u.current - 1), u.current + 1), s.current = -u.current * v, n.current.style.transitionDuration = `${F}ms`, _(u.current), R();
+    u.current = Math.min(Math.max(t, u.current - 1), u.current + 1), s.current = -u.current * v, n.current.style.transitionDuration = `${H}ms`, _(u.current), R();
   }, [v]);
   j(() => {
     x.current = v * (c.length - 1) - m, T();
@@ -27,7 +27,7 @@ const F = 300, H = 0.25, L = 2, V = 30, G = ({ children: c, sliderHeight: o, cur
   }, []), D = d((t) => {
     const { pageX: l } = t.touches[0], f = l - w.current;
     w.current = l, r.current = t.timeStamp;
-    const I = s.current + f, C = I > 0 || -I > x.current ? H : 1;
+    const I = s.current + f, C = I > 0 || -I > x.current ? J : 1;
     s.current += f * C, g.current = Math.abs(f) < L ? 0 : f < 0 ? 1 : -1, R();
   }, []), E = d((t) => {
     t.preventDefault();
@@ -70,9 +70,9 @@ const F = 300, H = 0.25, L = 2, V = 30, G = ({ children: c, sliderHeight: o, cur
   return e("div", { ref: w, className: "myinterview-chatbot-page-dots-indicator", children: e("div", { ref: n, className: "myinterview-chatbot-page-dots-indicator__wrapper", style: { gap: `${p}px`, "--myinterview-chatbot-dot-size": `${a}px` }, children: m.map((r) => e("span", { className: P("myinterview-chatbot-page-dots-indicator__item", { "myinterview-chatbot-page-dots-indicator__item--selected": r === o }) }, r)) }) });
 }, Y = ({ completed: c, data: o }) => {
   const [a, p] = S(0);
-  return console.log("JOBS::completed", c), e("div", { className: "myinterview-chatbot-jobs", children: b("div", { className: "myinterview-chatbot-jobs__main", children: [e(G, { sliderHeight: 230, currentIndex: a, gap: 20, onIndexChanged: p, children: o.jobs.map((m) => b("div", { className: "myinterview-chatbot-jobs__item", children: [e(B, { size: "H5", className: "myinterview-chatbot-jobs__item-header", children: m.title }), b("div", { className: "myinterview-chatbot-jobs__item-info", children: [e("span", { children: "USA" }), e("span", { children: "2 Days ago" })] }), b("div", { className: "myinterview-chatbot-jobs__item-actions", children: [e(J, { size: "small", children: "I'm interested" }), b("div", { className: "myinterview-chatbot-jobs__item-read-more", children: [e("span", { children: "Read more" }), e(U, {})] })] })] }, m.job_id ?? m.id)) }), e(W, { totalDots: o.jobs.length, currentDotIndex: a })] }) });
+  return console.log("JOBS::completed", c), e("div", { className: "myinterview-chatbot-jobs", children: b("div", { className: "myinterview-chatbot-jobs__main", children: [e(G, { sliderHeight: 230, currentIndex: a, gap: 20, onIndexChanged: p, children: o.jobs.map((m) => b("div", { className: "myinterview-chatbot-jobs__item", children: [e(B, { size: "H5", className: "myinterview-chatbot-jobs__item-header", children: m.title }), b("div", { className: "myinterview-chatbot-jobs__item-info", children: [e("span", { children: "USA" }), e("span", { children: "2 Days ago" })] }), b("div", { className: "myinterview-chatbot-jobs__item-actions", children: [e(U, { size: "small", children: "I'm interested" }), b("div", { className: "myinterview-chatbot-jobs__item-read-more", children: [e("span", { children: "Read more" }), e(F, {})] })] })] }, m.job_id ?? m.id)) }), e(W, { totalDots: o.jobs.length, currentDotIndex: a })] }) });
 };
 export {
   Y as default
 };
-//# sourceMappingURL=index-BwJ_kdjo.js.map
+//# sourceMappingURL=index-B4SEkjcz.js.map

package/dist/{index-BwJ_kdjo.js.map → index-B4SEkjcz.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-BwJ_kdjo.js","sources":["../src/components/ui/Slider/index.tsx","../src/components/ui/PageDotsIndicator/index.tsx","../src/components/modules/Jobs/index.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\nimport BackButton from '../../common/BackButton';\nimport { isMobile } from '../../../utils/device.utils';\n\ninterface ISlider {\n  children: JSX.Element[];\n  sliderHeight: number;\n  currentIndex: number;\n  itemSize?: number;\n  gap?: number;\n  onIndexChanged: (index: number) => void;\n}\n\nconst TRANSITION_DURATION = 300; // ms\nconst EDGE_TRANFORM_RATIO = 0.25;\nconst PREDICTION_DISTANCE = 2;\nconst PREDICTION_TIMEOUT = 30; // ms\n\nconst Slider = ({ children, sliderHeight, currentIndex = 0, itemSize = Infinity, gap = 0, onIndexChanged }: ISlider) => {\n  const listRef = useRef<HTMLDivElement>();\n  const resizeObserver = useRef<ResizeObserver | null>(null);\n  const indexRef = useRef<number>(currentIndex);\n  const [viewSize, setViewSize] = useState<number>(0);\n  const lastTouchX = useRef<number | null>(null);\n  const lastTouchTime = useRef<number>(0);\n  const transformX = useRef<number>(0);\n  const maxOffsetX = useRef<number>(0);\n  const predictionValue = useRef<-1 | 0 | 1>(0);\n  const itemWidth = Math.min(itemSize, viewSize) + gap;\n\n  const updatePosition = useCallback(() => {\n    if (!listRef.current) return;\n    listRef.current.style.transform = `translate3d(${transformX.current}px, 0px, 0px)`;\n  }, []);\n\n  const adjustTransform = useCallback(() => {\n    if (!listRef.current) return;\n    const idx = Math.min(Math.max(Math.round(-transformX.current / (itemWidth)) + predictionValue.current, 0), children.length - 1);\n    indexRef.current = Math.min(Math.max(idx, indexRef.current - 1), indexRef.current + 1);\n    transformX.current = -indexRef.current * (itemWidth);\n    listRef.current.style.transitionDuration = `${TRANSITION_DURATION}ms`;\n    onIndexChanged(indexRef.current);\n    updatePosition();\n  }, [itemWidth]);\n\n  useEffect(() => {\n    maxOffsetX.current = itemWidth * (children.length - 1) - gap;\n    adjustTransform();\n  }, [itemWidth]);\n\n  const handleListRef = useCallback((node: HTMLDivElement) => {\n    listRef.current = node;\n    if (!listRef.current) {\n      resizeObserver.current?.disconnect();\n      return;\n    }\n    resizeObserver.current = new ResizeObserver(([entry]) => {\n      setViewSize(entry.contentRect.width);\n    });\n    resizeObserver.current.observe(listRef.current);\n  }, []);\n\n  const handleTouchStart = useCallback((e: React.TouchEvent<HTMLDivElement>) => {\n    e.currentTarget.style.transitionDuration = '0ms';\n    lastTouchX.current = e.touches[0].pageX;\n  }, []);\n\n  const handleTouchMove = useCallback((e: React.TouchEvent<HTMLDivElement>) => {\n    const { pageX } = e.touches[0];\n    const movmentX = pageX - lastTouchX.current!;\n    lastTouchX.current = pageX;\n    lastTouchTime.current = e.timeStamp;\n    const posX = transformX.current + movmentX;\n    const movementRatio = (posX > 0) || (-posX > maxOffsetX.current) ? EDGE_TRANFORM_RATIO : 1;\n    transformX.current += movmentX * movementRatio;\n    predictionValue.current = Math.abs(movmentX) < PREDICTION_DISTANCE ? 0 : movmentX < 0 ? 1 : -1;\n    updatePosition();\n  }, []);\n\n  const handleTouchEnd = useCallback((e: React.TouchEvent<HTMLDivElement>) => {\n    e.preventDefault();\n    const { timeStamp } = e;\n    if (timeStamp - lastTouchTime.current > PREDICTION_TIMEOUT) {\n      predictionValue.current = 0;\n    }\n    adjustTransform();\n  }, [adjustTransform]);\n\n  const onNavigate = (value: 1 | -1) => {\n    predictionValue.current = value;\n    adjustTransform();\n  };\n\n  return (\n    <div className=\"myinterview-chatbot-slider\">\n      {!isMobile\n      && (\n      <>\n        {currentIndex !== 0 && <BackButton size={20} classNames=\"myinterview-chatbot-slider__navigation-button\" onClick={() => onNavigate(-1)} />}\n        {currentIndex !== children.length - 1 && <BackButton size={20} classNames=\"myinterview-chatbot-slider__navigation-button myinterview-chatbot-slider__navigation-button--next\" onClick={() => onNavigate(1)} />}\n      </>\n      )}\n      <div\n        ref={handleListRef}\n        className=\"myinterview-chatbot-slider__list\"\n        style={{ height: `${sliderHeight}px` }}\n        /* TODO: check passive optimization */\n        onTouchStart={handleTouchStart}\n        onTouchMove={handleTouchMove}\n        onTouchEnd={handleTouchEnd}\n      >\n        {children.map((c, idx) => (\n          <div\n            key={c.key}\n            className=\"myinterview-chatbot-slider__item\"\n            style={{\n              transform: `translate3d(${idx * (itemWidth)}px, 0px, 0px)`,\n              width: `${itemWidth - gap}px`,\n            }}\n          >\n            {c}\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n};\n\nexport default Slider;\n","import classNames from 'classnames';\nimport { CSSProperties, useCallback, useEffect, useMemo, useRef } from 'react';\n\ninterface IPageDotsIndicator {\n  totalDots: number;\n  currentDotIndex: number;\n  dotSize?: number;\n  gap?: number;\n}\n\nconst PageDotsIndicator = ({ totalDots, currentDotIndex, dotSize = 8, gap = 4 }: IPageDotsIndicator) => {\n  const dots = useMemo(() => [...Array(totalDots)].map((_, idx) => idx), [totalDots]);\n  const mainRef = useRef<HTMLDivElement>();\n  const dotsRef = useRef<HTMLDivElement>(null);\n  const resizeObserver = useRef<ResizeObserver | null>(null);\n  const viewSize = useRef<number>(0);\n  const itemSize = dotSize + gap;\n\n  const adjustDots = useCallback(() => {\n    if (!dotsRef.current) return;\n    const offset = Math.min(dotsRef.current.offsetLeft, 0);\n    const transformX = Math.min(Math.max(-currentDotIndex * itemSize - offset + viewSize.current / 2, offset), -offset);\n    dotsRef.current.style.transform = `translate3d(${transformX}px, 0px, 0px)`;\n  }, [currentDotIndex, itemSize]);\n\n  useEffect(adjustDots, [currentDotIndex, adjustDots]);\n\n  const handleMainRef = useCallback((node: HTMLDivElement) => {\n    mainRef.current = node;\n    if (!mainRef.current) {\n      resizeObserver.current?.disconnect();\n      return;\n    }\n\n    resizeObserver.current = new ResizeObserver(([entry]) => {\n      viewSize.current = entry.contentRect.width;\n      adjustDots();\n    });\n    resizeObserver.current.observe(mainRef.current);\n  }, []);\n\n  return (\n    <div ref={handleMainRef} className=\"myinterview-chatbot-page-dots-indicator\">\n      <div\n        ref={dotsRef}\n        className=\"myinterview-chatbot-page-dots-indicator__wrapper\"\n        style={{ gap: `${gap}px`, '--myinterview-chatbot-dot-size': `${dotSize}px` } as CSSProperties}\n      >\n        {dots.map((dot) => (\n          <span\n            key={dot}\n            className={classNames(\n              'myinterview-chatbot-page-dots-indicator__item',\n              { 'myinterview-chatbot-page-dots-indicator__item--selected': dot === currentDotIndex },\n            )}\n          />\n        ))}\n      </div>\n    </div>\n  );\n};\n\nexport default PageDotsIndicator;\n","/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { useState } from 'react';\nimport { Button, Text } from '@myinterview/component-library';\nimport { MessageModuleProps } from '../../../interfaces/modules';\nimport { ModuleType } from '../../../interfaces/modules/generic';\nimport Slider from '../../ui/Slider';\nimport ArrowIcon from '../../ui/icons/ArrowIcon';\nimport PageDotsIndicator from '../../ui/PageDotsIndicator';\n\nconst Jobs = ({ completed, data }: MessageModuleProps<ModuleType.JOBS>) => {\n  const [currentIndex, setCorrentIndex] = useState<number>(0);\n  console.log('JOBS::completed', completed);\n\n  return (\n    <div className=\"myinterview-chatbot-jobs\">\n      <div className=\"myinterview-chatbot-jobs__main\">\n        <Slider\n          sliderHeight={230}\n          currentIndex={currentIndex}\n          gap={20}\n          onIndexChanged={setCorrentIndex}\n        >\n          {data.jobs.map((job) => (\n            <div\n              key={job.job_id ?? (job as any).id}\n              className=\"myinterview-chatbot-jobs__item\"\n            >\n              <Text size=\"H5\" className=\"myinterview-chatbot-jobs__item-header\">\n                {job.title}\n              </Text>\n              <div className=\"myinterview-chatbot-jobs__item-info\">\n                <span>USA</span>\n                <span>2 Days ago</span>\n              </div>\n              <div className=\"myinterview-chatbot-jobs__item-actions\">\n                <Button size=\"small\">I&apos;m interested</Button>\n                <div className=\"myinterview-chatbot-jobs__item-read-more\">\n                  <span>Read more</span>\n                  <ArrowIcon />\n                </div>\n              </div>\n            </div>\n          ))}\n        </Slider>\n\n        <PageDotsIndicator totalDots={data.jobs.length} currentDotIndex={currentIndex} />\n      </div>\n    </div>\n  );\n};\n\nexport default Jobs;\n"],"names":["TRANSITION_DURATION","EDGE_TRANFORM_RATIO","PREDICTION_DISTANCE","PREDICTION_TIMEOUT","Slider","children","sliderHeight","currentIndex","itemSize","gap","onIndexChanged","listRef","useRef","resizeObserver","indexRef","viewSize","setViewSize","useState","lastTouchX","lastTouchTime","transformX","maxOffsetX","predictionValue","itemWidth","updatePosition","useCallback","adjustTransform","idx","useEffect","handleListRef","node","_a","entry","handleTouchStart","e","handleTouchMove","pageX","movmentX","posX","movementRatio","handleTouchEnd","timeStamp","onNavigate","value","_jsxs","isMobile","_jsx","BackButton","c","PageDotsIndicator","totalDots","currentDotIndex","dotSize","dots","useMemo","_","mainRef","dotsRef","adjustDots","offset","handleMainRef","dot","classNames","Jobs","completed","data","setCorrentIndex","job","Text","Button","ArrowIcon"],"mappings":";;;AAaA,MAAMA,IAAsB,KACtBC,IAAsB,MACtBC,IAAsB,GACtBC,IAAqB,IAErBC,IAAS,CAAC,EAAE,UAAAC,GAAU,cAAAC,GAAc,cAAAC,IAAe,GAAG,UAAAC,IAAW,OAAU,KAAAC,IAAM,GAAG,gBAAAC,EAAA,MAA6B;AACrH,QAAMC,IAAUC,EAAA,GACVC,IAAiBD,EAA8B,IAAI,GACnDE,IAAWF,EAAeL,CAAY,GACtC,CAACQ,GAAUC,CAAW,IAAIC,EAAiB,CAAC,GAC5CC,IAAaN,EAAsB,IAAI,GACvCO,IAAgBP,EAAe,CAAC,GAChCQ,IAAaR,EAAe,CAAC,GAC7BS,IAAaT,EAAe,CAAC,GAC7BU,IAAkBV,EAAmB,CAAC,GACtCW,IAAY,KAAK,IAAIf,GAAUO,CAAQ,IAAIN,GAE3Ce,IAAiBC,EAAY,MAAK;AACtC,IAAKd,EAAQ,YACbA,EAAQ,QAAQ,MAAM,YAAY,eAAeS,EAAW,OAAO;AAAA,EACrE,GAAG,CAAA,CAAE,GAECM,IAAkBD,EAAY,MAAK;AACvC,QAAI,CAACd,EAAQ;AAAS;AACtB,UAAMgB,IAAM,KAAK,IAAI,KAAK,IAAI,KAAK,MAAM,CAACP,EAAW,UAAWG,CAAU,IAAID,EAAgB,SAAS,CAAC,GAAGjB,EAAS,SAAS,CAAC;AAC9H,IAAAS,EAAS,UAAU,KAAK,IAAI,KAAK,IAAIa,GAAKb,EAAS,UAAU,CAAC,GAAGA,EAAS,UAAU,CAAC,GACrFM,EAAW,UAAU,CAACN,EAAS,UAAWS,GAC1CZ,EAAQ,QAAQ,MAAM,qBAAqB,GAAGX,CAAmB,MACjEU,EAAeI,EAAS,OAAO,GAC/BU,EAAA;AAAA,EACF,GAAG,CAACD,CAAS,CAAC;AAEd,EAAAK,EAAU,MAAK;AACb,IAAAP,EAAW,UAAUE,KAAalB,EAAS,SAAS,KAAKI,GACzDiB,EAAA;AAAA,EACF,GAAG,CAACH,CAAS,CAAC;AAEd,QAAMM,IAAgBJ,EAAY,CAACK,MAAwB;;AAEzD,QADAnB,EAAQ,UAAUmB,GACd,CAACnB,EAAQ,SAAS;AACpB,OAAAoB,IAAAlB,EAAe,YAAf,QAAAkB,EAAwB;AACxB;AAAA,IACF;AACA,IAAAlB,EAAe,UAAU,IAAI,eAAe,CAAC,CAACmB,CAAK,MAAK;AACtD,MAAAhB,EAAYgB,EAAM,YAAY,KAAK;AAAA,IACrC,CAAC,GACDnB,EAAe,QAAQ,QAAQF,EAAQ,OAAO;AAAA,EAChD,GAAG,CAAA,CAAE,GAECsB,IAAmBR,EAAY,CAACS,MAAuC;AAC3E,IAAAA,EAAE,cAAc,MAAM,qBAAqB,OAC3ChB,EAAW,UAAUgB,EAAE,QAAQ,CAAC,EAAE;AAAA,EACpC,GAAG,CAAA,CAAE,GAECC,IAAkBV,EAAY,CAACS,MAAuC;AAC1E,UAAM,EAAE,OAAAE,EAAA,IAAUF,EAAE,QAAQ,CAAC,GACvBG,IAAWD,IAAQlB,EAAW;AACpC,IAAAA,EAAW,UAAUkB,GACrBjB,EAAc,UAAUe,EAAE;AAC1B,UAAMI,IAAOlB,EAAW,UAAUiB,GAC5BE,IAAiBD,IAAO,KAAO,CAACA,IAAOjB,EAAW,UAAWpB,IAAsB;AACzF,IAAAmB,EAAW,WAAWiB,IAAWE,GACjCjB,EAAgB,UAAU,KAAK,IAAIe,CAAQ,IAAInC,IAAsB,IAAImC,IAAW,IAAI,IAAI,IAC5Fb,EAAA;AAAA,EACF,GAAG,CAAA,CAAE,GAECgB,IAAiBf,EAAY,CAACS,MAAuC;AACzE,IAAAA,EAAE,eAAA;AACF,UAAM,EAAE,WAAAO,MAAcP;AACtB,IAAIO,IAAYtB,EAAc,UAAUhB,MACtCmB,EAAgB,UAAU,IAE5BI,EAAA;AAAA,EACF,GAAG,CAACA,CAAe,CAAC,GAEdgB,IAAa,CAACC,MAAiB;AACnC,IAAArB,EAAgB,UAAUqB,GAC1BjB,EAAA;AAAA,EACF;AAEA,SACEkB,EAAA,OAAA,EAAK,WAAU,8BAA4B,UAAA,CACxC,CAACC,KAEFD,kBACGrC,MAAiB,KAAKuC,EAACC,GAAU,EAAC,MAAM,IAAI,YAAW,iDAAgD,SAAS,MAAML,EAAW,EAAE,EAAA,CAAC,GACpInC,MAAiBF,EAAS,SAAS,KAAKyC,EAACC,GAAU,EAAC,MAAM,IAAI,YAAW,qGAAoG,SAAS,MAAML,EAAW,CAAC,EAAA,CAAC,CAAI,EAAA,CAAA,GAGhNI;IACE,KAAKjB;AAAA,IACL,WAAU;AAAA,IACV,OAAO,EAAE,QAAQ,GAAGvB,CAAY,KAAA;AAAA;AAAA,IAEhC,cAAc2B;AAAA,IACd,aAAaE;AAAA,IACb,YAAYK;AAAA,IAAc,UAEzBnC,EAAS,IAAI,CAAC2C,GAAGrB,MAChBmB,EAAA,OAAA,EAEE,WAAU,oCACV,OAAO;AAAA,MACL,WAAW,eAAenB,IAAOJ,CAAU;AAAA,MAC3C,OAAO,GAAGA,IAAYd,CAAG;AAAA,IAAA,GAC1B,UAEAuC,KAPIA,EAAE,GAAG,CASb;AAAA,EAAA,CAAC,CACE,EAAA,CAAA;AAGZ,GCpHMC,IAAoB,CAAC,EAAE,WAAAC,GAAW,iBAAAC,GAAiB,SAAAC,IAAU,GAAG,KAAA3C,IAAM,QAA2B;AACrG,QAAM4C,IAAOC,EAAQ,MAAM,CAAC,GAAG,MAAMJ,CAAS,CAAC,EAAE,IAAI,CAACK,GAAG5B,MAAQA,CAAG,GAAG,CAACuB,CAAS,CAAC,GAC5EM,IAAU5C,EAAA,GACV6C,IAAU7C,EAAuB,IAAI,GACrCC,IAAiBD,EAA8B,IAAI,GACnDG,IAAWH,EAAe,CAAC,GAC3BJ,IAAW4C,IAAU3C,GAErBiD,IAAajC,EAAY,MAAK;AAClC,QAAI,CAACgC,EAAQ;AAAS;AACtB,UAAME,IAAS,KAAK,IAAIF,EAAQ,QAAQ,YAAY,CAAC,GAC/CrC,IAAa,KAAK,IAAI,KAAK,IAAI,CAAC+B,IAAkB3C,IAAWmD,IAAS5C,EAAS,UAAU,GAAG4C,CAAM,GAAG,CAACA,CAAM;AAClH,IAAAF,EAAQ,QAAQ,MAAM,YAAY,eAAerC,CAAU;AAAA,EAC7D,GAAG,CAAC+B,GAAiB3C,CAAQ,CAAC;AAE9B,EAAAoB,EAAU8B,GAAY,CAACP,GAAiBO,CAAU,CAAC;AAEnD,QAAME,IAAgBnC,EAAY,CAACK,MAAwB;;AAEzD,QADA0B,EAAQ,UAAU1B,GACd,CAAC0B,EAAQ,SAAS;AACpB,OAAAzB,IAAAlB,EAAe,YAAf,QAAAkB,EAAwB;AACxB;AAAA,IACF;AAEA,IAAAlB,EAAe,UAAU,IAAI,eAAe,CAAC,CAACmB,CAAK,MAAK;AACtD,MAAAjB,EAAS,UAAUiB,EAAM,YAAY,OACrC0B,EAAA;AAAA,IACF,CAAC,GACD7C,EAAe,QAAQ,QAAQ2C,EAAQ,OAAO;AAAA,EAChD,GAAG,CAAA,CAAE;AAEL,SACEV,EAAA,OAAA,EAAK,KAAKc,GAAe,WAAU,2CAAyC,UAC1Ed,EAAA,OAAA,EACE,KAAKW,GACL,WAAU,oDACV,OAAO,EAAE,KAAK,GAAGhD,CAAG,MAAM,kCAAkC,GAAG2C,CAAO,QAAuB,UAE5FC,EAAK,IAAI,CAACQ,MACTf,EAAA,QAAA,EAEE,WAAWgB,EACT,iDACA,EAAE,2DAA2DD,MAAQV,GAAiB,EAAA,GAHnFU,CAAG,CAMX,EAAA,CAAC,GACE;AAGZ,GCnDME,IAAO,CAAC,EAAE,WAAAC,GAAW,MAAAC,QAA+C;AACxE,QAAM,CAAC1D,GAAc2D,CAAe,IAAIjD,EAAiB,CAAC;AAC1D,iBAAQ,IAAI,mBAAmB+C,CAAS,GAGtClB,EAAA,OAAA,EAAK,WAAU,4BAA0B,UACvCF,EAAA,OAAA,EAAK,WAAU,kCAAgC,UAAA,CAC7CE,EAAC1C,GAAM,EACL,cAAc,KACd,cAAAG,GACA,KAAK,IACL,gBAAgB2D,GAAe,UAE9BD,EAAK,KAAK,IAAI,CAACE,MACdvB,EAAA,OAAA,EAEE,WAAU,kCAAgC,UAAA,CAE1CE,EAACsB,GAAI,EAAC,MAAK,MAAK,WAAU,yCAAuC,UAC9DD,EAAI,MAAA,IAEPvB,EAAA,OAAA,EAAK,WAAU,uCAAqC,UAAA,CAClDE,EAAA,QAAA,EAAA,UAAA,MAAA,CAAA,GACAA,EAAA,QAAA,EAAA,UAAA,cAAA,CAAuB,EAAA,CAAA,GAEzBF,EAAA,OAAA,EAAK,WAAU,0CAAwC,UAAA,CACrDE,EAACuB,GAAM,EAAC,MAAK,SAAO,UAAA,iBAAA,CAAA,GACpBzB,EAAA,OAAA,EAAK,WAAU,4CAA0C,UAAA,CACvDE,EAAA,QAAA,EAAA,UAAA,YAAA,CAAA,GACAA,EAACwB,GAAS,CAAA,CAAA,CAAG,EAAA,CAAA,CACT,EAAA,CAAA,CACF,EAAA,GAhBDH,EAAI,UAAWA,EAAY,EAAE,CAkBrC,EAAA,CAAC,GAGJrB,EAACG,GAAiB,EAAC,WAAWgB,EAAK,KAAK,QAAQ,iBAAiB1D,EAAA,CAAY,CAAI,EAAA,CAAA,GAC7E;AAGZ;"}
+{"version":3,"file":"index-B4SEkjcz.js","sources":["../src/components/ui/Slider/index.tsx","../src/components/ui/PageDotsIndicator/index.tsx","../src/components/modules/Jobs/index.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\nimport BackButton from '../../common/BackButton';\nimport { isMobile } from '../../../utils/device.utils';\n\ninterface ISlider {\n  children: JSX.Element[];\n  sliderHeight: number;\n  currentIndex: number;\n  itemSize?: number;\n  gap?: number;\n  onIndexChanged: (index: number) => void;\n}\n\nconst TRANSITION_DURATION = 300; // ms\nconst EDGE_TRANFORM_RATIO = 0.25;\nconst PREDICTION_DISTANCE = 2;\nconst PREDICTION_TIMEOUT = 30; // ms\n\nconst Slider = ({ children, sliderHeight, currentIndex = 0, itemSize = Infinity, gap = 0, onIndexChanged }: ISlider) => {\n  const listRef = useRef<HTMLDivElement>();\n  const resizeObserver = useRef<ResizeObserver | null>(null);\n  const indexRef = useRef<number>(currentIndex);\n  const [viewSize, setViewSize] = useState<number>(0);\n  const lastTouchX = useRef<number | null>(null);\n  const lastTouchTime = useRef<number>(0);\n  const transformX = useRef<number>(0);\n  const maxOffsetX = useRef<number>(0);\n  const predictionValue = useRef<-1 | 0 | 1>(0);\n  const itemWidth = Math.min(itemSize, viewSize) + gap;\n\n  const updatePosition = useCallback(() => {\n    if (!listRef.current) return;\n    listRef.current.style.transform = `translate3d(${transformX.current}px, 0px, 0px)`;\n  }, []);\n\n  const adjustTransform = useCallback(() => {\n    if (!listRef.current) return;\n    const idx = Math.min(Math.max(Math.round(-transformX.current / (itemWidth)) + predictionValue.current, 0), children.length - 1);\n    indexRef.current = Math.min(Math.max(idx, indexRef.current - 1), indexRef.current + 1);\n    transformX.current = -indexRef.current * (itemWidth);\n    listRef.current.style.transitionDuration = `${TRANSITION_DURATION}ms`;\n    onIndexChanged(indexRef.current);\n    updatePosition();\n  }, [itemWidth]);\n\n  useEffect(() => {\n    maxOffsetX.current = itemWidth * (children.length - 1) - gap;\n    adjustTransform();\n  }, [itemWidth]);\n\n  const handleListRef = useCallback((node: HTMLDivElement) => {\n    listRef.current = node;\n    if (!listRef.current) {\n      resizeObserver.current?.disconnect();\n      return;\n    }\n    resizeObserver.current = new ResizeObserver(([entry]) => {\n      setViewSize(entry.contentRect.width);\n    });\n    resizeObserver.current.observe(listRef.current);\n  }, []);\n\n  const handleTouchStart = useCallback((e: React.TouchEvent<HTMLDivElement>) => {\n    e.currentTarget.style.transitionDuration = '0ms';\n    lastTouchX.current = e.touches[0].pageX;\n  }, []);\n\n  const handleTouchMove = useCallback((e: React.TouchEvent<HTMLDivElement>) => {\n    const { pageX } = e.touches[0];\n    const movmentX = pageX - lastTouchX.current!;\n    lastTouchX.current = pageX;\n    lastTouchTime.current = e.timeStamp;\n    const posX = transformX.current + movmentX;\n    const movementRatio = (posX > 0) || (-posX > maxOffsetX.current) ? EDGE_TRANFORM_RATIO : 1;\n    transformX.current += movmentX * movementRatio;\n    predictionValue.current = Math.abs(movmentX) < PREDICTION_DISTANCE ? 0 : movmentX < 0 ? 1 : -1;\n    updatePosition();\n  }, []);\n\n  const handleTouchEnd = useCallback((e: React.TouchEvent<HTMLDivElement>) => {\n    e.preventDefault();\n    const { timeStamp } = e;\n    if (timeStamp - lastTouchTime.current > PREDICTION_TIMEOUT) {\n      predictionValue.current = 0;\n    }\n    adjustTransform();\n  }, [adjustTransform]);\n\n  const onNavigate = (value: 1 | -1) => {\n    predictionValue.current = value;\n    adjustTransform();\n  };\n\n  return (\n    <div className=\"myinterview-chatbot-slider\">\n      {!isMobile\n      && (\n      <>\n        {currentIndex !== 0 && <BackButton size={20} classNames=\"myinterview-chatbot-slider__navigation-button\" onClick={() => onNavigate(-1)} />}\n        {currentIndex !== children.length - 1 && <BackButton size={20} classNames=\"myinterview-chatbot-slider__navigation-button myinterview-chatbot-slider__navigation-button--next\" onClick={() => onNavigate(1)} />}\n      </>\n      )}\n      <div\n        ref={handleListRef}\n        className=\"myinterview-chatbot-slider__list\"\n        style={{ height: `${sliderHeight}px` }}\n        /* TODO: check passive optimization */\n        onTouchStart={handleTouchStart}\n        onTouchMove={handleTouchMove}\n        onTouchEnd={handleTouchEnd}\n      >\n        {children.map((c, idx) => (\n          <div\n            key={c.key}\n            className=\"myinterview-chatbot-slider__item\"\n            style={{\n              transform: `translate3d(${idx * (itemWidth)}px, 0px, 0px)`,\n              width: `${itemWidth - gap}px`,\n            }}\n          >\n            {c}\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n};\n\nexport default Slider;\n","import classNames from 'classnames';\nimport { CSSProperties, useCallback, useEffect, useMemo, useRef } from 'react';\n\ninterface IPageDotsIndicator {\n  totalDots: number;\n  currentDotIndex: number;\n  dotSize?: number;\n  gap?: number;\n}\n\nconst PageDotsIndicator = ({ totalDots, currentDotIndex, dotSize = 8, gap = 4 }: IPageDotsIndicator) => {\n  const dots = useMemo(() => [...Array(totalDots)].map((_, idx) => idx), [totalDots]);\n  const mainRef = useRef<HTMLDivElement>();\n  const dotsRef = useRef<HTMLDivElement>(null);\n  const resizeObserver = useRef<ResizeObserver | null>(null);\n  const viewSize = useRef<number>(0);\n  const itemSize = dotSize + gap;\n\n  const adjustDots = useCallback(() => {\n    if (!dotsRef.current) return;\n    const offset = Math.min(dotsRef.current.offsetLeft, 0);\n    const transformX = Math.min(Math.max(-currentDotIndex * itemSize - offset + viewSize.current / 2, offset), -offset);\n    dotsRef.current.style.transform = `translate3d(${transformX}px, 0px, 0px)`;\n  }, [currentDotIndex, itemSize]);\n\n  useEffect(adjustDots, [currentDotIndex, adjustDots]);\n\n  const handleMainRef = useCallback((node: HTMLDivElement) => {\n    mainRef.current = node;\n    if (!mainRef.current) {\n      resizeObserver.current?.disconnect();\n      return;\n    }\n\n    resizeObserver.current = new ResizeObserver(([entry]) => {\n      viewSize.current = entry.contentRect.width;\n      adjustDots();\n    });\n    resizeObserver.current.observe(mainRef.current);\n  }, []);\n\n  return (\n    <div ref={handleMainRef} className=\"myinterview-chatbot-page-dots-indicator\">\n      <div\n        ref={dotsRef}\n        className=\"myinterview-chatbot-page-dots-indicator__wrapper\"\n        style={{ gap: `${gap}px`, '--myinterview-chatbot-dot-size': `${dotSize}px` } as CSSProperties}\n      >\n        {dots.map((dot) => (\n          <span\n            key={dot}\n            className={classNames(\n              'myinterview-chatbot-page-dots-indicator__item',\n              { 'myinterview-chatbot-page-dots-indicator__item--selected': dot === currentDotIndex },\n            )}\n          />\n        ))}\n      </div>\n    </div>\n  );\n};\n\nexport default PageDotsIndicator;\n","/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { useState } from 'react';\nimport { Button, Text } from '@myinterview/component-library';\nimport { MessageModuleProps } from '../../../interfaces/modules';\nimport { ModuleType } from '../../../interfaces/modules/generic';\nimport Slider from '../../ui/Slider';\nimport ArrowIcon from '../../ui/icons/ArrowIcon';\nimport PageDotsIndicator from '../../ui/PageDotsIndicator';\n\nconst Jobs = ({ completed, data }: MessageModuleProps<ModuleType.JOBS>) => {\n  const [currentIndex, setCorrentIndex] = useState<number>(0);\n  console.log('JOBS::completed', completed);\n\n  return (\n    <div className=\"myinterview-chatbot-jobs\">\n      <div className=\"myinterview-chatbot-jobs__main\">\n        <Slider\n          sliderHeight={230}\n          currentIndex={currentIndex}\n          gap={20}\n          onIndexChanged={setCorrentIndex}\n        >\n          {data.jobs.map((job) => (\n            <div\n              key={job.job_id ?? (job as any).id}\n              className=\"myinterview-chatbot-jobs__item\"\n            >\n              <Text size=\"H5\" className=\"myinterview-chatbot-jobs__item-header\">\n                {job.title}\n              </Text>\n              <div className=\"myinterview-chatbot-jobs__item-info\">\n                <span>USA</span>\n                <span>2 Days ago</span>\n              </div>\n              <div className=\"myinterview-chatbot-jobs__item-actions\">\n                <Button size=\"small\">I&apos;m interested</Button>\n                <div className=\"myinterview-chatbot-jobs__item-read-more\">\n                  <span>Read more</span>\n                  <ArrowIcon />\n                </div>\n              </div>\n            </div>\n          ))}\n        </Slider>\n\n        <PageDotsIndicator totalDots={data.jobs.length} currentDotIndex={currentIndex} />\n      </div>\n    </div>\n  );\n};\n\nexport default Jobs;\n"],"names":["TRANSITION_DURATION","EDGE_TRANFORM_RATIO","PREDICTION_DISTANCE","PREDICTION_TIMEOUT","Slider","children","sliderHeight","currentIndex","itemSize","gap","onIndexChanged","listRef","useRef","resizeObserver","indexRef","viewSize","setViewSize","useState","lastTouchX","lastTouchTime","transformX","maxOffsetX","predictionValue","itemWidth","updatePosition","useCallback","adjustTransform","idx","useEffect","handleListRef","node","_a","entry","handleTouchStart","e","handleTouchMove","pageX","movmentX","posX","movementRatio","handleTouchEnd","timeStamp","onNavigate","value","_jsxs","isMobile","_jsx","BackButton","c","PageDotsIndicator","totalDots","currentDotIndex","dotSize","dots","useMemo","_","mainRef","dotsRef","adjustDots","offset","handleMainRef","dot","classNames","Jobs","completed","data","setCorrentIndex","job","Text","Button","ArrowIcon"],"mappings":";;;AAaA,MAAMA,IAAsB,KACtBC,IAAsB,MACtBC,IAAsB,GACtBC,IAAqB,IAErBC,IAAS,CAAC,EAAE,UAAAC,GAAU,cAAAC,GAAc,cAAAC,IAAe,GAAG,UAAAC,IAAW,OAAU,KAAAC,IAAM,GAAG,gBAAAC,EAAA,MAA6B;AACrH,QAAMC,IAAUC,EAAA,GACVC,IAAiBD,EAA8B,IAAI,GACnDE,IAAWF,EAAeL,CAAY,GACtC,CAACQ,GAAUC,CAAW,IAAIC,EAAiB,CAAC,GAC5CC,IAAaN,EAAsB,IAAI,GACvCO,IAAgBP,EAAe,CAAC,GAChCQ,IAAaR,EAAe,CAAC,GAC7BS,IAAaT,EAAe,CAAC,GAC7BU,IAAkBV,EAAmB,CAAC,GACtCW,IAAY,KAAK,IAAIf,GAAUO,CAAQ,IAAIN,GAE3Ce,IAAiBC,EAAY,MAAK;AACtC,IAAKd,EAAQ,YACbA,EAAQ,QAAQ,MAAM,YAAY,eAAeS,EAAW,OAAO;AAAA,EACrE,GAAG,CAAA,CAAE,GAECM,IAAkBD,EAAY,MAAK;AACvC,QAAI,CAACd,EAAQ;AAAS;AACtB,UAAMgB,IAAM,KAAK,IAAI,KAAK,IAAI,KAAK,MAAM,CAACP,EAAW,UAAWG,CAAU,IAAID,EAAgB,SAAS,CAAC,GAAGjB,EAAS,SAAS,CAAC;AAC9H,IAAAS,EAAS,UAAU,KAAK,IAAI,KAAK,IAAIa,GAAKb,EAAS,UAAU,CAAC,GAAGA,EAAS,UAAU,CAAC,GACrFM,EAAW,UAAU,CAACN,EAAS,UAAWS,GAC1CZ,EAAQ,QAAQ,MAAM,qBAAqB,GAAGX,CAAmB,MACjEU,EAAeI,EAAS,OAAO,GAC/BU,EAAA;AAAA,EACF,GAAG,CAACD,CAAS,CAAC;AAEd,EAAAK,EAAU,MAAK;AACb,IAAAP,EAAW,UAAUE,KAAalB,EAAS,SAAS,KAAKI,GACzDiB,EAAA;AAAA,EACF,GAAG,CAACH,CAAS,CAAC;AAEd,QAAMM,IAAgBJ,EAAY,CAACK,MAAwB;;AAEzD,QADAnB,EAAQ,UAAUmB,GACd,CAACnB,EAAQ,SAAS;AACpB,OAAAoB,IAAAlB,EAAe,YAAf,QAAAkB,EAAwB;AACxB;AAAA,IACF;AACA,IAAAlB,EAAe,UAAU,IAAI,eAAe,CAAC,CAACmB,CAAK,MAAK;AACtD,MAAAhB,EAAYgB,EAAM,YAAY,KAAK;AAAA,IACrC,CAAC,GACDnB,EAAe,QAAQ,QAAQF,EAAQ,OAAO;AAAA,EAChD,GAAG,CAAA,CAAE,GAECsB,IAAmBR,EAAY,CAACS,MAAuC;AAC3E,IAAAA,EAAE,cAAc,MAAM,qBAAqB,OAC3ChB,EAAW,UAAUgB,EAAE,QAAQ,CAAC,EAAE;AAAA,EACpC,GAAG,CAAA,CAAE,GAECC,IAAkBV,EAAY,CAACS,MAAuC;AAC1E,UAAM,EAAE,OAAAE,EAAA,IAAUF,EAAE,QAAQ,CAAC,GACvBG,IAAWD,IAAQlB,EAAW;AACpC,IAAAA,EAAW,UAAUkB,GACrBjB,EAAc,UAAUe,EAAE;AAC1B,UAAMI,IAAOlB,EAAW,UAAUiB,GAC5BE,IAAiBD,IAAO,KAAO,CAACA,IAAOjB,EAAW,UAAWpB,IAAsB;AACzF,IAAAmB,EAAW,WAAWiB,IAAWE,GACjCjB,EAAgB,UAAU,KAAK,IAAIe,CAAQ,IAAInC,IAAsB,IAAImC,IAAW,IAAI,IAAI,IAC5Fb,EAAA;AAAA,EACF,GAAG,CAAA,CAAE,GAECgB,IAAiBf,EAAY,CAACS,MAAuC;AACzE,IAAAA,EAAE,eAAA;AACF,UAAM,EAAE,WAAAO,MAAcP;AACtB,IAAIO,IAAYtB,EAAc,UAAUhB,MACtCmB,EAAgB,UAAU,IAE5BI,EAAA;AAAA,EACF,GAAG,CAACA,CAAe,CAAC,GAEdgB,IAAa,CAACC,MAAiB;AACnC,IAAArB,EAAgB,UAAUqB,GAC1BjB,EAAA;AAAA,EACF;AAEA,SACEkB,EAAA,OAAA,EAAK,WAAU,8BAA4B,UAAA,CACxC,CAACC,KAEFD,kBACGrC,MAAiB,KAAKuC,EAACC,GAAU,EAAC,MAAM,IAAI,YAAW,iDAAgD,SAAS,MAAML,EAAW,EAAE,EAAA,CAAC,GACpInC,MAAiBF,EAAS,SAAS,KAAKyC,EAACC,GAAU,EAAC,MAAM,IAAI,YAAW,qGAAoG,SAAS,MAAML,EAAW,CAAC,EAAA,CAAC,CAAI,EAAA,CAAA,GAGhNI;IACE,KAAKjB;AAAA,IACL,WAAU;AAAA,IACV,OAAO,EAAE,QAAQ,GAAGvB,CAAY,KAAA;AAAA;AAAA,IAEhC,cAAc2B;AAAA,IACd,aAAaE;AAAA,IACb,YAAYK;AAAA,IAAc,UAEzBnC,EAAS,IAAI,CAAC2C,GAAGrB,MAChBmB,EAAA,OAAA,EAEE,WAAU,oCACV,OAAO;AAAA,MACL,WAAW,eAAenB,IAAOJ,CAAU;AAAA,MAC3C,OAAO,GAAGA,IAAYd,CAAG;AAAA,IAAA,GAC1B,UAEAuC,KAPIA,EAAE,GAAG,CASb;AAAA,EAAA,CAAC,CACE,EAAA,CAAA;AAGZ,GCpHMC,IAAoB,CAAC,EAAE,WAAAC,GAAW,iBAAAC,GAAiB,SAAAC,IAAU,GAAG,KAAA3C,IAAM,QAA2B;AACrG,QAAM4C,IAAOC,EAAQ,MAAM,CAAC,GAAG,MAAMJ,CAAS,CAAC,EAAE,IAAI,CAACK,GAAG5B,MAAQA,CAAG,GAAG,CAACuB,CAAS,CAAC,GAC5EM,IAAU5C,EAAA,GACV6C,IAAU7C,EAAuB,IAAI,GACrCC,IAAiBD,EAA8B,IAAI,GACnDG,IAAWH,EAAe,CAAC,GAC3BJ,IAAW4C,IAAU3C,GAErBiD,IAAajC,EAAY,MAAK;AAClC,QAAI,CAACgC,EAAQ;AAAS;AACtB,UAAME,IAAS,KAAK,IAAIF,EAAQ,QAAQ,YAAY,CAAC,GAC/CrC,IAAa,KAAK,IAAI,KAAK,IAAI,CAAC+B,IAAkB3C,IAAWmD,IAAS5C,EAAS,UAAU,GAAG4C,CAAM,GAAG,CAACA,CAAM;AAClH,IAAAF,EAAQ,QAAQ,MAAM,YAAY,eAAerC,CAAU;AAAA,EAC7D,GAAG,CAAC+B,GAAiB3C,CAAQ,CAAC;AAE9B,EAAAoB,EAAU8B,GAAY,CAACP,GAAiBO,CAAU,CAAC;AAEnD,QAAME,IAAgBnC,EAAY,CAACK,MAAwB;;AAEzD,QADA0B,EAAQ,UAAU1B,GACd,CAAC0B,EAAQ,SAAS;AACpB,OAAAzB,IAAAlB,EAAe,YAAf,QAAAkB,EAAwB;AACxB;AAAA,IACF;AAEA,IAAAlB,EAAe,UAAU,IAAI,eAAe,CAAC,CAACmB,CAAK,MAAK;AACtD,MAAAjB,EAAS,UAAUiB,EAAM,YAAY,OACrC0B,EAAA;AAAA,IACF,CAAC,GACD7C,EAAe,QAAQ,QAAQ2C,EAAQ,OAAO;AAAA,EAChD,GAAG,CAAA,CAAE;AAEL,SACEV,EAAA,OAAA,EAAK,KAAKc,GAAe,WAAU,2CAAyC,UAC1Ed,EAAA,OAAA,EACE,KAAKW,GACL,WAAU,oDACV,OAAO,EAAE,KAAK,GAAGhD,CAAG,MAAM,kCAAkC,GAAG2C,CAAO,QAAuB,UAE5FC,EAAK,IAAI,CAACQ,MACTf,EAAA,QAAA,EAEE,WAAWgB,EACT,iDACA,EAAE,2DAA2DD,MAAQV,GAAiB,EAAA,GAHnFU,CAAG,CAMX,EAAA,CAAC,GACE;AAGZ,GCnDME,IAAO,CAAC,EAAE,WAAAC,GAAW,MAAAC,QAA+C;AACxE,QAAM,CAAC1D,GAAc2D,CAAe,IAAIjD,EAAiB,CAAC;AAC1D,iBAAQ,IAAI,mBAAmB+C,CAAS,GAGtClB,EAAA,OAAA,EAAK,WAAU,4BAA0B,UACvCF,EAAA,OAAA,EAAK,WAAU,kCAAgC,UAAA,CAC7CE,EAAC1C,GAAM,EACL,cAAc,KACd,cAAAG,GACA,KAAK,IACL,gBAAgB2D,GAAe,UAE9BD,EAAK,KAAK,IAAI,CAACE,MACdvB,EAAA,OAAA,EAEE,WAAU,kCAAgC,UAAA,CAE1CE,EAACsB,GAAI,EAAC,MAAK,MAAK,WAAU,yCAAuC,UAC9DD,EAAI,MAAA,IAEPvB,EAAA,OAAA,EAAK,WAAU,uCAAqC,UAAA,CAClDE,EAAA,QAAA,EAAA,UAAA,MAAA,CAAA,GACAA,EAAA,QAAA,EAAA,UAAA,cAAA,CAAuB,EAAA,CAAA,GAEzBF,EAAA,OAAA,EAAK,WAAU,0CAAwC,UAAA,CACrDE,EAACuB,GAAM,EAAC,MAAK,SAAO,UAAA,iBAAA,CAAA,GACpBzB,EAAA,OAAA,EAAK,WAAU,4CAA0C,UAAA,CACvDE,EAAA,QAAA,EAAA,UAAA,YAAA,CAAA,GACAA,EAACwB,GAAS,CAAA,CAAA,CAAG,EAAA,CAAA,CACT,EAAA,CAAA,CACF,EAAA,GAhBDH,EAAI,UAAWA,EAAY,EAAE,CAkBrC,EAAA,CAAC,GAGJrB,EAACG,GAAiB,EAAC,WAAWgB,EAAK,KAAK,QAAQ,iBAAiB1D,EAAA,CAAY,CAAI,EAAA,CAAA,GAC7E;AAGZ;"}