npm - @orbe-agro/client-core - Versions diffs - 5.3.13 → 5.3.14 - Mend

@orbe-agro/client-core 5.3.13 → 5.3.14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1733) hide show

package/dist/@ecme/views/concepts/accounts/Settings/components/SettingsProfile.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SettingsProfile.js","sources":["../../../../../../../lib/@ecme/views/concepts/accounts/Settings/components/SettingsProfile.tsx"],"sourcesContent":["import { useMemo, useEffect } from 'react'\r\nimport Button from '@/components/ui/Button'\r\nimport Upload from '@/components/ui/Upload'\r\nimport Input from '@/components/ui/Input'\r\nimport Select, { Option as DefaultOption } from '@/components/ui/Select'\r\nimport Avatar from '@/components/ui/Avatar'\r\nimport { Form, FormItem } from '@/components/ui/Form'\r\nimport NumericInput from '@/components/shared/NumericInput'\r\nimport { countryList } from '@/constants/countries.constant'\r\nimport { components } from 'react-select'\r\nimport type { ControlProps, OptionProps } from 'react-select'\r\nimport { apiGetSettingsProfile } from '@/services/AccontsService'\r\nimport sleep from '@/utils/sleep'\r\nimport useSWR from 'swr'\r\nimport { zodResolver } from '@hookform/resolvers/zod'\r\nimport { useForm, Controller } from 'react-hook-form'\r\nimport { z } from 'zod'\r\nimport { HiOutlineUser } from 'react-icons/hi'\r\nimport { TbPlus } from 'react-icons/tb'\r\nimport type { ZodType } from 'zod'\r\nimport type { GetSettingsProfileResponse } from '../types'\r\n\r\ntype ProfileSchema = {\r\n firstName: string\r\n lastName: string\r\n email: string\r\n dialCode: string\r\n phoneNumber: string\r\n img: string\r\n country: string\r\n address: string\r\n postcode: string\r\n city: string\r\n}\r\n\r\ntype CountryOption = {\r\n label: string\r\n dialCode: string\r\n value: string\r\n}\r\n\r\nconst { Control } = components\r\n\r\nconst validationSchema: ZodType<ProfileSchema> = z.object({\r\n firstName: z.string().min(1, { message: 'First name required' }),\r\n lastName: z.string().min(1, { message: 'Last name required' }),\r\n email: z\r\n .string()\r\n .min(1, { message: 'Email required' })\r\n .email({ message: 'Invalid email' }),\r\n dialCode: z.string().min(1, { message: 'Please select your country code' }),\r\n phoneNumber: z\r\n .string()\r\n .min(1, { message: 'Please input your mobile number' }),\r\n country: z.string().min(1, { message: 'Please select a country' }),\r\n address: z.string().min(1, { message: 'Addrress required' }),\r\n postcode: z.string().min(1, { message: 'Postcode required' }),\r\n city: z.string().min(1, { message: 'City required' }),\r\n img: z.string(),\r\n})\r\n\r\nconst CustomSelectOption = (\r\n props: OptionProps<CountryOption> & { variant: 'country' \| 'phone' },\r\n) => {\r\n return (\r\n <DefaultOption<CountryOption>\r\n {...props}\r\n customLabel={(data, label) => (\r\n <span className=\"flex items-center gap-2\">\r\n <Avatar\r\n shape=\"circle\"\r\n size={20}\r\n src={`/img/countries/${data.value}.png`}\r\n />\r\n {props.variant === 'country' && <span>{label}</span>}\r\n {props.variant === 'phone' && <span>{data.dialCode}</span>}\r\n </span>\r\n )}\r\n />\r\n )\r\n}\r\n\r\nconst CustomControl = ({ children, ...props }: ControlProps<CountryOption>) => {\r\n const selected = props.getValue()[0]\r\n return (\r\n <Control {...props}>\r\n {selected && (\r\n <Avatar\r\n className=\"ltr:ml-4 rtl:mr-4\"\r\n shape=\"circle\"\r\n size={20}\r\n src={`/img/countries/${selected.value}.png`}\r\n />\r\n )}\r\n {children}\r\n </Control>\r\n )\r\n}\r\n\r\nconst SettingsProfile = () => {\r\n const { data, mutate } = useSWR(\r\n '/api/settings/profile/',\r\n () => apiGetSettingsProfile<GetSettingsProfileResponse>(),\r\n {\r\n revalidateOnFocus: false,\r\n revalidateIfStale: false,\r\n revalidateOnReconnect: false,\r\n },\r\n )\r\n\r\n const dialCodeList = useMemo(() => {\r\n const newCountryList: Array<CountryOption> = JSON.parse(\r\n JSON.stringify(countryList),\r\n )\r\n\r\n return newCountryList.map((country) => {\r\n country.label = country.dialCode\r\n return country\r\n })\r\n }, [])\r\n\r\n const beforeUpload = (files: FileList \| null) => {\r\n let valid: string \| boolean = true\r\n\r\n const allowedFileType = ['image/jpeg', 'image/png']\r\n if (files) {\r\n for (const file of files) {\r\n if (!allowedFileType.includes(file.type)) {\r\n valid = 'Please upload a .jpeg or .png file!'\r\n }\r\n }\r\n }\r\n\r\n return valid\r\n }\r\n\r\n const {\r\n handleSubmit,\r\n reset,\r\n formState: { errors, isSubmitting },\r\n control,\r\n } = useForm<ProfileSchema>({\r\n resolver: zodResolver(validationSchema),\r\n })\r\n\r\n useEffect(() => {\r\n if (data) {\r\n reset(data)\r\n }\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [data])\r\n\r\n const onSubmit = async (values: ProfileSchema) => {\r\n await sleep(500)\r\n if (data) {\r\n mutate({ ...data, ...values }, false)\r\n }\r\n }\r\n\r\n return (\r\n <>\r\n <h4 className=\"mb-8\">Personal information</h4>\r\n <Form onSubmit={handleSubmit(onSubmit)}>\r\n <div className=\"mb-8\">\r\n <Controller\r\n name=\"img\"\r\n control={control}\r\n render={({ field }) => (\r\n <div className=\"flex items-center gap-4\">\r\n <Avatar\r\n size={90}\r\n className=\"border-4 border-white bg-gray-100 text-gray-300 shadow-lg\"\r\n icon={<HiOutlineUser />}\r\n src={field.value}\r\n />\r\n <div className=\"flex items-center gap-2\">\r\n <Upload\r\n showList={false}\r\n uploadLimit={1}\r\n beforeUpload={beforeUpload}\r\n onChange={(files) => {\r\n if (files.length > 0) {\r\n field.onChange(\r\n URL.createObjectURL(\r\n files[0],\r\n ),\r\n )\r\n }\r\n }}\r\n >\r\n <Button\r\n variant=\"solid\"\r\n size=\"sm\"\r\n type=\"button\"\r\n icon={<TbPlus />}\r\n >\r\n Upload Image\r\n </Button>\r\n </Upload>\r\n <Button\r\n size=\"sm\"\r\n type=\"button\"\r\n onClick={() => {\r\n field.onChange('')\r\n }}\r\n >\r\n Remove\r\n </Button>\r\n </div>\r\n </div>\r\n )}\r\n />\r\n </div>\r\n <div className=\"grid md:grid-cols-2 gap-4\">\r\n <FormItem\r\n label=\"First name\"\r\n invalid={Boolean(errors.firstName)}\r\n errorMessage={errors.firstName?.message}\r\n >\r\n <Controller\r\n name=\"firstName\"\r\n control={control}\r\n render={({ field }) => (\r\n <Input\r\n type=\"text\"\r\n autoComplete=\"off\"\r\n placeholder=\"First Name\"\r\n {...field}\r\n />\r\n )}\r\n />\r\n </FormItem>\r\n <FormItem\r\n label=\"User name\"\r\n invalid={Boolean(errors.lastName)}\r\n errorMessage={errors.lastName?.message}\r\n >\r\n <Controller\r\n name=\"lastName\"\r\n control={control}\r\n render={({ field }) => (\r\n <Input\r\n type=\"text\"\r\n autoComplete=\"off\"\r\n placeholder=\"Last Name\"\r\n {...field}\r\n />\r\n )}\r\n />\r\n </FormItem>\r\n </div>\r\n <FormItem\r\n label=\"Email\"\r\n invalid={Boolean(errors.email)}\r\n errorMessage={errors.email?.message}\r\n >\r\n <Controller\r\n name=\"email\"\r\n control={control}\r\n render={({ field }) => (\r\n <Input\r\n type=\"email\"\r\n autoComplete=\"off\"\r\n placeholder=\"Email\"\r\n {...field}\r\n />\r\n )}\r\n />\r\n </FormItem>\r\n <div className=\"flex items-end gap-4 w-full mb-6\">\r\n <FormItem\r\n invalid={\r\n Boolean(errors.phoneNumber) \|\|\r\n Boolean(errors.dialCode)\r\n }\r\n >\r\n <label className=\"form-label mb-2\">Phone number</label>\r\n <Controller\r\n name=\"dialCode\"\r\n control={control}\r\n render={({ field }) => (\r\n <Select<CountryOption>\r\n options={dialCodeList}\r\n {...field}\r\n className=\"w-[150px]\"\r\n components={{\r\n Option: (props) => (\r\n <CustomSelectOption\r\n variant=\"phone\"\r\n {...(props as OptionProps<CountryOption>)}\r\n />\r\n ),\r\n Control: CustomControl,\r\n }}\r\n placeholder=\"\"\r\n value={dialCodeList.filter(\r\n (option) =>\r\n option.dialCode === field.value,\r\n )}\r\n onChange={(option) =>\r\n field.onChange(option?.dialCode)\r\n }\r\n />\r\n )}\r\n />\r\n </FormItem>\r\n <FormItem\r\n className=\"w-full\"\r\n invalid={\r\n Boolean(errors.phoneNumber) \|\|\r\n Boolean(errors.dialCode)\r\n }\r\n errorMessage={errors.phoneNumber?.message}\r\n >\r\n <Controller\r\n name=\"phoneNumber\"\r\n control={control}\r\n render={({ field }) => (\r\n <NumericInput\r\n autoComplete=\"off\"\r\n placeholder=\"Phone Number\"\r\n value={field.value}\r\n onChange={field.onChange}\r\n onBlur={field.onBlur}\r\n />\r\n )}\r\n />\r\n </FormItem>\r\n </div>\r\n <h4 className=\"mb-6\">Address information</h4>\r\n <FormItem\r\n label=\"Country\"\r\n invalid={Boolean(errors.country)}\r\n errorMessage={errors.country?.message}\r\n >\r\n <Controller\r\n name=\"country\"\r\n control={control}\r\n render={({ field }) => (\r\n <Select<CountryOption>\r\n options={countryList}\r\n {...field}\r\n components={{\r\n Option: (props) => (\r\n <CustomSelectOption\r\n variant=\"country\"\r\n {...(props as OptionProps<CountryOption>)}\r\n />\r\n ),\r\n Control: CustomControl,\r\n }}\r\n placeholder=\"\"\r\n value={countryList.filter(\r\n (option) => option.value === field.value,\r\n )}\r\n onChange={(option) =>\r\n field.onChange(option?.value)\r\n }\r\n />\r\n )}\r\n />\r\n </FormItem>\r\n <FormItem\r\n label=\"Address\"\r\n invalid={Boolean(errors.address)}\r\n errorMessage={errors.address?.message}\r\n >\r\n <Controller\r\n name=\"address\"\r\n control={control}\r\n render={({ field }) => (\r\n <Input\r\n type=\"text\"\r\n autoComplete=\"off\"\r\n placeholder=\"Address\"\r\n {...field}\r\n />\r\n )}\r\n />\r\n </FormItem>\r\n <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\r\n <FormItem\r\n label=\"City\"\r\n invalid={Boolean(errors.city)}\r\n errorMessage={errors.city?.message}\r\n >\r\n <Controller\r\n name=\"city\"\r\n control={control}\r\n render={({ field }) => (\r\n <Input\r\n type=\"text\"\r\n autoComplete=\"off\"\r\n placeholder=\"City\"\r\n {...field}\r\n />\r\n )}\r\n />\r\n </FormItem>\r\n <FormItem\r\n label=\"Postal Code\"\r\n invalid={Boolean(errors.postcode)}\r\n errorMessage={errors.postcode?.message}\r\n >\r\n <Controller\r\n name=\"postcode\"\r\n control={control}\r\n render={({ field }) => (\r\n <Input\r\n type=\"text\"\r\n autoComplete=\"off\"\r\n placeholder=\"Postal Code\"\r\n {...field}\r\n />\r\n )}\r\n />\r\n </FormItem>\r\n </div>\r\n <div className=\"flex justify-end\">\r\n <Button\r\n variant=\"solid\"\r\n type=\"submit\"\r\n loading={isSubmitting}\r\n >\r\n Save\r\n </Button>\r\n </div>\r\n </Form>\r\n </>\r\n )\r\n}\r\n\r\nexport default SettingsProfile\r\n"],"names":["Control","components","validationSchema","z","CustomSelectOption","props","jsx","DefaultOption","data","label","jsxs","Avatar","CustomControl","children","selected","SettingsProfile","mutate","useSWR","apiGetSettingsProfile","dialCodeList","useMemo","countryList","country","beforeUpload","files","valid","allowedFileType","file","handleSubmit","reset","errors","isSubmitting","control","useForm","zodResolver","useEffect","Fragment","Form","values","sleep","Controller","field","HiOutlineUser","Upload","Button","TbPlus","FormItem","_a","Input","_b","_c","Select","option","_d","NumericInput","_e","_f","_g","_h"],"mappings":"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"}
1	+ {"version":3,"file":"SettingsProfile.js","sources":["../../../../../../../lib/@ecme/views/concepts/accounts/Settings/components/SettingsProfile.tsx"],"sourcesContent":["import { useMemo, useEffect } from 'react'\nimport Button from '@/components/ui/Button'\nimport Upload from '@/components/ui/Upload'\nimport Input from '@/components/ui/Input'\nimport Select, { Option as DefaultOption } from '@/components/ui/Select'\nimport Avatar from '@/components/ui/Avatar'\nimport { Form, FormItem } from '@/components/ui/Form'\nimport NumericInput from '@/components/shared/NumericInput'\nimport { countryList } from '@/constants/countries.constant'\nimport { components } from 'react-select'\nimport type { ControlProps, OptionProps } from 'react-select'\nimport { apiGetSettingsProfile } from '@/services/AccontsService'\nimport sleep from '@/utils/sleep'\nimport useSWR from 'swr'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { useForm, Controller } from 'react-hook-form'\nimport { z } from 'zod'\nimport { HiOutlineUser } from 'react-icons/hi'\nimport { TbPlus } from 'react-icons/tb'\nimport type { ZodType } from 'zod'\nimport type { GetSettingsProfileResponse } from '../types'\n\ntype ProfileSchema = {\n firstName: string\n lastName: string\n email: string\n dialCode: string\n phoneNumber: string\n img: string\n country: string\n address: string\n postcode: string\n city: string\n}\n\ntype CountryOption = {\n label: string\n dialCode: string\n value: string\n}\n\nconst { Control } = components\n\nconst validationSchema: ZodType<ProfileSchema> = z.object({\n firstName: z.string().min(1, { message: 'First name required' }),\n lastName: z.string().min(1, { message: 'Last name required' }),\n email: z\n .string()\n .min(1, { message: 'Email required' })\n .email({ message: 'Invalid email' }),\n dialCode: z.string().min(1, { message: 'Please select your country code' }),\n phoneNumber: z\n .string()\n .min(1, { message: 'Please input your mobile number' }),\n country: z.string().min(1, { message: 'Please select a country' }),\n address: z.string().min(1, { message: 'Addrress required' }),\n postcode: z.string().min(1, { message: 'Postcode required' }),\n city: z.string().min(1, { message: 'City required' }),\n img: z.string(),\n})\n\nconst CustomSelectOption = (\n props: OptionProps<CountryOption> & { variant: 'country' \| 'phone' },\n) => {\n return (\n <DefaultOption<CountryOption>\n {...props}\n customLabel={(data, label) => (\n <span className=\"flex items-center gap-2\">\n <Avatar\n shape=\"circle\"\n size={20}\n src={`/img/countries/${data.value}.png`}\n />\n {props.variant === 'country' && <span>{label}</span>}\n {props.variant === 'phone' && <span>{data.dialCode}</span>}\n </span>\n )}\n />\n )\n}\n\nconst CustomControl = ({ children, ...props }: ControlProps<CountryOption>) => {\n const selected = props.getValue()[0]\n return (\n <Control {...props}>\n {selected && (\n <Avatar\n className=\"ltr:ml-4 rtl:mr-4\"\n shape=\"circle\"\n size={20}\n src={`/img/countries/${selected.value}.png`}\n />\n )}\n {children}\n </Control>\n )\n}\n\nconst SettingsProfile = () => {\n const { data, mutate } = useSWR(\n '/api/settings/profile/',\n () => apiGetSettingsProfile<GetSettingsProfileResponse>(),\n {\n revalidateOnFocus: false,\n revalidateIfStale: false,\n revalidateOnReconnect: false,\n },\n )\n\n const dialCodeList = useMemo(() => {\n const newCountryList: Array<CountryOption> = JSON.parse(\n JSON.stringify(countryList),\n )\n\n return newCountryList.map((country) => {\n country.label = country.dialCode\n return country\n })\n }, [])\n\n const beforeUpload = (files: FileList \| null) => {\n let valid: string \| boolean = true\n\n const allowedFileType = ['image/jpeg', 'image/png']\n if (files) {\n for (const file of files) {\n if (!allowedFileType.includes(file.type)) {\n valid = 'Please upload a .jpeg or .png file!'\n }\n }\n }\n\n return valid\n }\n\n const {\n handleSubmit,\n reset,\n formState: { errors, isSubmitting },\n control,\n } = useForm<ProfileSchema>({\n resolver: zodResolver(validationSchema),\n })\n\n useEffect(() => {\n if (data) {\n reset(data)\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [data])\n\n const onSubmit = async (values: ProfileSchema) => {\n await sleep(500)\n if (data) {\n mutate({ ...data, ...values }, false)\n }\n }\n\n return (\n <>\n <h4 className=\"mb-8\">Personal information</h4>\n <Form onSubmit={handleSubmit(onSubmit)}>\n <div className=\"mb-8\">\n <Controller\n name=\"img\"\n control={control}\n render={({ field }) => (\n <div className=\"flex items-center gap-4\">\n <Avatar\n size={90}\n className=\"border-4 border-white bg-gray-100 text-gray-300 shadow-lg\"\n icon={<HiOutlineUser />}\n src={field.value}\n />\n <div className=\"flex items-center gap-2\">\n <Upload\n showList={false}\n uploadLimit={1}\n beforeUpload={beforeUpload}\n onChange={(files) => {\n if (files.length > 0) {\n field.onChange(\n URL.createObjectURL(\n files[0],\n ),\n )\n }\n }}\n >\n <Button\n variant=\"solid\"\n size=\"sm\"\n type=\"button\"\n icon={<TbPlus />}\n >\n Upload Image\n </Button>\n </Upload>\n <Button\n size=\"sm\"\n type=\"button\"\n onClick={() => {\n field.onChange('')\n }}\n >\n Remove\n </Button>\n </div>\n </div>\n )}\n />\n </div>\n <div className=\"grid md:grid-cols-2 gap-4\">\n <FormItem\n label=\"First name\"\n invalid={Boolean(errors.firstName)}\n errorMessage={errors.firstName?.message}\n >\n <Controller\n name=\"firstName\"\n control={control}\n render={({ field }) => (\n <Input\n type=\"text\"\n autoComplete=\"off\"\n placeholder=\"First Name\"\n {...field}\n />\n )}\n />\n </FormItem>\n <FormItem\n label=\"User name\"\n invalid={Boolean(errors.lastName)}\n errorMessage={errors.lastName?.message}\n >\n <Controller\n name=\"lastName\"\n control={control}\n render={({ field }) => (\n <Input\n type=\"text\"\n autoComplete=\"off\"\n placeholder=\"Last Name\"\n {...field}\n />\n )}\n />\n </FormItem>\n </div>\n <FormItem\n label=\"Email\"\n invalid={Boolean(errors.email)}\n errorMessage={errors.email?.message}\n >\n <Controller\n name=\"email\"\n control={control}\n render={({ field }) => (\n <Input\n type=\"email\"\n autoComplete=\"off\"\n placeholder=\"Email\"\n {...field}\n />\n )}\n />\n </FormItem>\n <div className=\"flex items-end gap-4 w-full mb-6\">\n <FormItem\n invalid={\n Boolean(errors.phoneNumber) \|\|\n Boolean(errors.dialCode)\n }\n >\n <label className=\"form-label mb-2\">Phone number</label>\n <Controller\n name=\"dialCode\"\n control={control}\n render={({ field }) => (\n <Select<CountryOption>\n options={dialCodeList}\n {...field}\n className=\"w-[150px]\"\n components={{\n Option: (props) => (\n <CustomSelectOption\n variant=\"phone\"\n {...(props as OptionProps<CountryOption>)}\n />\n ),\n Control: CustomControl,\n }}\n placeholder=\"\"\n value={dialCodeList.filter(\n (option) =>\n option.dialCode === field.value,\n )}\n onChange={(option) =>\n field.onChange(option?.dialCode)\n }\n />\n )}\n />\n </FormItem>\n <FormItem\n className=\"w-full\"\n invalid={\n Boolean(errors.phoneNumber) \|\|\n Boolean(errors.dialCode)\n }\n errorMessage={errors.phoneNumber?.message}\n >\n <Controller\n name=\"phoneNumber\"\n control={control}\n render={({ field }) => (\n <NumericInput\n autoComplete=\"off\"\n placeholder=\"Phone Number\"\n value={field.value}\n onChange={field.onChange}\n onBlur={field.onBlur}\n />\n )}\n />\n </FormItem>\n </div>\n <h4 className=\"mb-6\">Address information</h4>\n <FormItem\n label=\"Country\"\n invalid={Boolean(errors.country)}\n errorMessage={errors.country?.message}\n >\n <Controller\n name=\"country\"\n control={control}\n render={({ field }) => (\n <Select<CountryOption>\n options={countryList}\n {...field}\n components={{\n Option: (props) => (\n <CustomSelectOption\n variant=\"country\"\n {...(props as OptionProps<CountryOption>)}\n />\n ),\n Control: CustomControl,\n }}\n placeholder=\"\"\n value={countryList.filter(\n (option) => option.value === field.value,\n )}\n onChange={(option) =>\n field.onChange(option?.value)\n }\n />\n )}\n />\n </FormItem>\n <FormItem\n label=\"Address\"\n invalid={Boolean(errors.address)}\n errorMessage={errors.address?.message}\n >\n <Controller\n name=\"address\"\n control={control}\n render={({ field }) => (\n <Input\n type=\"text\"\n autoComplete=\"off\"\n placeholder=\"Address\"\n {...field}\n />\n )}\n />\n </FormItem>\n <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n <FormItem\n label=\"City\"\n invalid={Boolean(errors.city)}\n errorMessage={errors.city?.message}\n >\n <Controller\n name=\"city\"\n control={control}\n render={({ field }) => (\n <Input\n type=\"text\"\n autoComplete=\"off\"\n placeholder=\"City\"\n {...field}\n />\n )}\n />\n </FormItem>\n <FormItem\n label=\"Postal Code\"\n invalid={Boolean(errors.postcode)}\n errorMessage={errors.postcode?.message}\n >\n <Controller\n name=\"postcode\"\n control={control}\n render={({ field }) => (\n <Input\n type=\"text\"\n autoComplete=\"off\"\n placeholder=\"Postal Code\"\n {...field}\n />\n )}\n />\n </FormItem>\n </div>\n <div className=\"flex justify-end\">\n <Button\n variant=\"solid\"\n type=\"submit\"\n loading={isSubmitting}\n >\n Save\n </Button>\n </div>\n </Form>\n </>\n )\n}\n\nexport default SettingsProfile\n"],"names":["Control","components","validationSchema","z","CustomSelectOption","props","jsx","DefaultOption","data","label","jsxs","Avatar","CustomControl","children","selected","SettingsProfile","mutate","useSWR","apiGetSettingsProfile","dialCodeList","useMemo","countryList","country","beforeUpload","files","valid","allowedFileType","file","handleSubmit","reset","errors","isSubmitting","control","useForm","zodResolver","useEffect","Fragment","Form","values","sleep","Controller","field","HiOutlineUser","Upload","Button","TbPlus","FormItem","_a","Input","_b","_c","Select","option","_d","NumericInput","_e","_f","_g","_h"],"mappings":"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"}

package/dist/@ecme/views/concepts/accounts/Settings/components/SettingsSecurity.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SettingsSecurity.js","sources":["../../../../../../../lib/@ecme/views/concepts/accounts/Settings/components/SettingsSecurity.tsx"],"sourcesContent":["import { useState, useRef } from 'react'\r\nimport Avatar from '@/components/ui/Avatar'\r\nimport Button from '@/components/ui/Button'\r\nimport Input from '@/components/ui/Input'\r\nimport ConfirmDialog from '@/components/shared/ConfirmDialog'\r\nimport { Form, FormItem } from '@/components/ui/Form'\r\nimport classNames from '@/utils/classNames'\r\nimport sleep from '@/utils/sleep'\r\nimport isLastChild from '@/utils/isLastChild'\r\nimport { zodResolver } from '@hookform/resolvers/zod'\r\nimport { useForm, Controller } from 'react-hook-form'\r\nimport { z } from 'zod'\r\nimport type { ZodType } from 'zod'\r\n\r\ntype PasswordSchema = {\r\n currentPassword: string\r\n newPassword: string\r\n confirmNewPassword: string\r\n}\r\n\r\nconst authenticatorList = [\r\n {\r\n label: 'Google Authenticator',\r\n value: 'googleAuthenticator',\r\n img: '/img/others/google.png',\r\n desc: 'Using Google Authenticator app generates time-sensitive codes for secure logins.',\r\n },\r\n {\r\n label: 'Okta Verify',\r\n value: 'oktaVerify',\r\n img: '/img/others/okta.png',\r\n desc: 'Receive push notifications from Okta Verify app on your phone for quick login approval.',\r\n },\r\n {\r\n label: 'E Mail verification',\r\n value: 'emailVerification',\r\n img: '/img/others/email.png',\r\n desc: 'Unique codes sent to email for confirming logins.',\r\n },\r\n]\r\n\r\nconst validationSchema: ZodType<PasswordSchema> = z\r\n .object({\r\n currentPassword: z\r\n .string()\r\n .min(1, { message: 'Please enter your current password!' }),\r\n newPassword: z\r\n .string()\r\n .min(1, { message: 'Please enter your new password!' }),\r\n confirmNewPassword: z\r\n .string()\r\n .min(1, { message: 'Please confirm your new password!' }),\r\n })\r\n .refine((data) => data.confirmNewPassword === data.newPassword, {\r\n message: 'Password not match',\r\n path: ['confirmNewPassword'],\r\n })\r\n\r\nconst SettingsSecurity = () => {\r\n const [selected2FaType, setSelected2FaType] = useState(\r\n 'googleAuthenticator',\r\n )\r\n const [confirmationOpen, setConfirmationOpen] = useState(false)\r\n const [isSubmitting, setIsSubmitting] = useState(false)\r\n\r\n const formRef = useRef<HTMLFormElement>(null)\r\n\r\n const {\r\n getValues,\r\n handleSubmit,\r\n formState: { errors },\r\n control,\r\n } = useForm<PasswordSchema>({\r\n resolver: zodResolver(validationSchema),\r\n })\r\n\r\n const handlePostSubmit = async () => {\r\n setIsSubmitting(true)\r\n await sleep(1000)\r\n console.log('getValues', getValues())\r\n setConfirmationOpen(false)\r\n setIsSubmitting(false)\r\n }\r\n\r\n const onSubmit = async () => {\r\n setConfirmationOpen(true)\r\n }\r\n\r\n return (\r\n <div>\r\n <div className=\"mb-8\">\r\n <h4>Password</h4>\r\n <p>\r\n Remember, your password is your digital key to your account.\r\n Keep it safe, keep it secure!\r\n </p>\r\n </div>\r\n <Form\r\n ref={formRef}\r\n className=\"mb-8\"\r\n onSubmit={handleSubmit(onSubmit)}\r\n >\r\n <FormItem\r\n label=\"Current password\"\r\n invalid={Boolean(errors.currentPassword)}\r\n errorMessage={errors.currentPassword?.message}\r\n >\r\n <Controller\r\n name=\"currentPassword\"\r\n control={control}\r\n render={({ field }) => (\r\n <Input\r\n type=\"password\"\r\n autoComplete=\"off\"\r\n placeholder=\"•••••••••\"\r\n {...field}\r\n />\r\n )}\r\n />\r\n </FormItem>\r\n <FormItem\r\n label=\"New password\"\r\n invalid={Boolean(errors.newPassword)}\r\n errorMessage={errors.newPassword?.message}\r\n >\r\n <Controller\r\n name=\"newPassword\"\r\n control={control}\r\n render={({ field }) => (\r\n <Input\r\n type=\"password\"\r\n autoComplete=\"off\"\r\n placeholder=\"•••••••••\"\r\n {...field}\r\n />\r\n )}\r\n />\r\n </FormItem>\r\n <FormItem\r\n label=\"Confirm new password\"\r\n invalid={Boolean(errors.confirmNewPassword)}\r\n errorMessage={errors.confirmNewPassword?.message}\r\n >\r\n <Controller\r\n name=\"confirmNewPassword\"\r\n control={control}\r\n render={({ field }) => (\r\n <Input\r\n type=\"password\"\r\n autoComplete=\"off\"\r\n placeholder=\"•••••••••\"\r\n {...field}\r\n />\r\n )}\r\n />\r\n </FormItem>\r\n <div className=\"flex justify-end\">\r\n <Button variant=\"solid\" type=\"submit\">\r\n Update\r\n </Button>\r\n </div>\r\n </Form>\r\n <ConfirmDialog\r\n isOpen={confirmationOpen}\r\n type=\"warning\"\r\n title=\"Update password\"\r\n confirmButtonProps={{\r\n loading: isSubmitting,\r\n onClick: handlePostSubmit,\r\n }}\r\n onClose={() => setConfirmationOpen(false)}\r\n onRequestClose={() => setConfirmationOpen(false)}\r\n onCancel={() => setConfirmationOpen(false)}\r\n >\r\n <p>Are you sure you want to change your password?</p>\r\n </ConfirmDialog>\r\n <div className=\"mb-8\">\r\n <h4>2-Step verification</h4>\r\n <p>\r\n Your account holds great value to hackers. Enable two-step\r\n verification to safeguard your account!\r\n </p>\r\n <div className=\"mt-8\">\r\n {authenticatorList.map((authOption, index) => (\r\n <div\r\n key={authOption.value}\r\n className={classNames(\r\n 'py-6 border-gray-200 dark:border-gray-600',\r\n !isLastChild(authenticatorList, index) &&\r\n 'border-b',\r\n )}\r\n >\r\n <div className=\"flex items-center justify-between gap-4\">\r\n <div className=\"flex items-center gap-4\">\r\n <Avatar\r\n size={35}\r\n className=\"bg-transparent\"\r\n src={authOption.img}\r\n />\r\n <div>\r\n <h6>{authOption.label}</h6>\r\n <span>{authOption.desc}</span>\r\n </div>\r\n </div>\r\n <div>\r\n {selected2FaType === authOption.value ? (\r\n <Button\r\n size=\"sm\"\r\n customColorClass={() =>\r\n 'border-success ring-1 ring-success text-success hover:border-success hover:ring-success hover:text-success bg-transparent'\r\n }\r\n onClick={() =>\r\n setSelected2FaType('')\r\n }\r\n >\r\n Activated\r\n </Button>\r\n ) : (\r\n <Button\r\n size=\"sm\"\r\n onClick={() =>\r\n setSelected2FaType(\r\n authOption.value,\r\n )\r\n }\r\n >\r\n Enable\r\n </Button>\r\n )}\r\n </div>\r\n </div>\r\n </div>\r\n ))}\r\n </div>\r\n </div>\r\n </div>\r\n )\r\n}\r\n\r\nexport default SettingsSecurity\r\n"],"names":["authenticatorList","validationSchema","z","data","SettingsSecurity","selected2FaType","setSelected2FaType","useState","confirmationOpen","setConfirmationOpen","isSubmitting","setIsSubmitting","formRef","useRef","getValues","handleSubmit","errors","control","useForm","zodResolver","handlePostSubmit","sleep","jsxs","jsx","Form","FormItem","_a","Controller","field","Input","_b","_c","Button","ConfirmDialog","authOption","index","classNames","isLastChild","Avatar"],"mappings":"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"}
1	+ {"version":3,"file":"SettingsSecurity.js","sources":["../../../../../../../lib/@ecme/views/concepts/accounts/Settings/components/SettingsSecurity.tsx"],"sourcesContent":["import { useState, useRef } from 'react'\nimport Avatar from '@/components/ui/Avatar'\nimport Button from '@/components/ui/Button'\nimport Input from '@/components/ui/Input'\nimport ConfirmDialog from '@/components/shared/ConfirmDialog'\nimport { Form, FormItem } from '@/components/ui/Form'\nimport classNames from '@/utils/classNames'\nimport sleep from '@/utils/sleep'\nimport isLastChild from '@/utils/isLastChild'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { useForm, Controller } from 'react-hook-form'\nimport { z } from 'zod'\nimport type { ZodType } from 'zod'\n\ntype PasswordSchema = {\n currentPassword: string\n newPassword: string\n confirmNewPassword: string\n}\n\nconst authenticatorList = [\n {\n label: 'Google Authenticator',\n value: 'googleAuthenticator',\n img: '/img/others/google.png',\n desc: 'Using Google Authenticator app generates time-sensitive codes for secure logins.',\n },\n {\n label: 'Okta Verify',\n value: 'oktaVerify',\n img: '/img/others/okta.png',\n desc: 'Receive push notifications from Okta Verify app on your phone for quick login approval.',\n },\n {\n label: 'E Mail verification',\n value: 'emailVerification',\n img: '/img/others/email.png',\n desc: 'Unique codes sent to email for confirming logins.',\n },\n]\n\nconst validationSchema: ZodType<PasswordSchema> = z\n .object({\n currentPassword: z\n .string()\n .min(1, { message: 'Please enter your current password!' }),\n newPassword: z\n .string()\n .min(1, { message: 'Please enter your new password!' }),\n confirmNewPassword: z\n .string()\n .min(1, { message: 'Please confirm your new password!' }),\n })\n .refine((data) => data.confirmNewPassword === data.newPassword, {\n message: 'Password not match',\n path: ['confirmNewPassword'],\n })\n\nconst SettingsSecurity = () => {\n const [selected2FaType, setSelected2FaType] = useState(\n 'googleAuthenticator',\n )\n const [confirmationOpen, setConfirmationOpen] = useState(false)\n const [isSubmitting, setIsSubmitting] = useState(false)\n\n const formRef = useRef<HTMLFormElement>(null)\n\n const {\n getValues,\n handleSubmit,\n formState: { errors },\n control,\n } = useForm<PasswordSchema>({\n resolver: zodResolver(validationSchema),\n })\n\n const handlePostSubmit = async () => {\n setIsSubmitting(true)\n await sleep(1000)\n console.log('getValues', getValues())\n setConfirmationOpen(false)\n setIsSubmitting(false)\n }\n\n const onSubmit = async () => {\n setConfirmationOpen(true)\n }\n\n return (\n <div>\n <div className=\"mb-8\">\n <h4>Password</h4>\n <p>\n Remember, your password is your digital key to your account.\n Keep it safe, keep it secure!\n </p>\n </div>\n <Form\n ref={formRef}\n className=\"mb-8\"\n onSubmit={handleSubmit(onSubmit)}\n >\n <FormItem\n label=\"Current password\"\n invalid={Boolean(errors.currentPassword)}\n errorMessage={errors.currentPassword?.message}\n >\n <Controller\n name=\"currentPassword\"\n control={control}\n render={({ field }) => (\n <Input\n type=\"password\"\n autoComplete=\"off\"\n placeholder=\"•••••••••\"\n {...field}\n />\n )}\n />\n </FormItem>\n <FormItem\n label=\"New password\"\n invalid={Boolean(errors.newPassword)}\n errorMessage={errors.newPassword?.message}\n >\n <Controller\n name=\"newPassword\"\n control={control}\n render={({ field }) => (\n <Input\n type=\"password\"\n autoComplete=\"off\"\n placeholder=\"•••••••••\"\n {...field}\n />\n )}\n />\n </FormItem>\n <FormItem\n label=\"Confirm new password\"\n invalid={Boolean(errors.confirmNewPassword)}\n errorMessage={errors.confirmNewPassword?.message}\n >\n <Controller\n name=\"confirmNewPassword\"\n control={control}\n render={({ field }) => (\n <Input\n type=\"password\"\n autoComplete=\"off\"\n placeholder=\"•••••••••\"\n {...field}\n />\n )}\n />\n </FormItem>\n <div className=\"flex justify-end\">\n <Button variant=\"solid\" type=\"submit\">\n Update\n </Button>\n </div>\n </Form>\n <ConfirmDialog\n isOpen={confirmationOpen}\n type=\"warning\"\n title=\"Update password\"\n confirmButtonProps={{\n loading: isSubmitting,\n onClick: handlePostSubmit,\n }}\n onClose={() => setConfirmationOpen(false)}\n onRequestClose={() => setConfirmationOpen(false)}\n onCancel={() => setConfirmationOpen(false)}\n >\n <p>Are you sure you want to change your password?</p>\n </ConfirmDialog>\n <div className=\"mb-8\">\n <h4>2-Step verification</h4>\n <p>\n Your account holds great value to hackers. Enable two-step\n verification to safeguard your account!\n </p>\n <div className=\"mt-8\">\n {authenticatorList.map((authOption, index) => (\n <div\n key={authOption.value}\n className={classNames(\n 'py-6 border-gray-200 dark:border-gray-600',\n !isLastChild(authenticatorList, index) &&\n 'border-b',\n )}\n >\n <div className=\"flex items-center justify-between gap-4\">\n <div className=\"flex items-center gap-4\">\n <Avatar\n size={35}\n className=\"bg-transparent\"\n src={authOption.img}\n />\n <div>\n <h6>{authOption.label}</h6>\n <span>{authOption.desc}</span>\n </div>\n </div>\n <div>\n {selected2FaType === authOption.value ? (\n <Button\n size=\"sm\"\n customColorClass={() =>\n 'border-success ring-1 ring-success text-success hover:border-success hover:ring-success hover:text-success bg-transparent'\n }\n onClick={() =>\n setSelected2FaType('')\n }\n >\n Activated\n </Button>\n ) : (\n <Button\n size=\"sm\"\n onClick={() =>\n setSelected2FaType(\n authOption.value,\n )\n }\n >\n Enable\n </Button>\n )}\n </div>\n </div>\n </div>\n ))}\n </div>\n </div>\n </div>\n )\n}\n\nexport default SettingsSecurity\n"],"names":["authenticatorList","validationSchema","z","data","SettingsSecurity","selected2FaType","setSelected2FaType","useState","confirmationOpen","setConfirmationOpen","isSubmitting","setIsSubmitting","formRef","useRef","getValues","handleSubmit","errors","control","useForm","zodResolver","handlePostSubmit","sleep","jsxs","jsx","Form","FormItem","_a","Controller","field","Input","_b","_c","Button","ConfirmDialog","authOption","index","classNames","isLastChild","Avatar"],"mappings":";;;;;;;;;;;;;;;;;AAoBA,MAAMA,IAAoB;AAAA,EACtB;AAAA,IACI,OAAO;AAAA,IACP,OAAO;AAAA,IACP,KAAK;AAAA,IACL,MAAM;AAAA,EAAA;AAAA,EAEV;AAAA,IACI,OAAO;AAAA,IACP,OAAO;AAAA,IACP,KAAK;AAAA,IACL,MAAM;AAAA,EAAA;AAAA,EAEV;AAAA,IACI,OAAO;AAAA,IACP,OAAO;AAAA,IACP,KAAK;AAAA,IACL,MAAM;AAAA,EAAA;AAEd,GAEMC,IAA4CC,EAC7C,OAAO;AAAA,EACJ,iBAAiBA,EACZ,SACA,IAAI,GAAG,EAAE,SAAS,uCAAuC;AAAA,EAC9D,aAAaA,EACR,SACA,IAAI,GAAG,EAAE,SAAS,mCAAmC;AAAA,EAC1D,oBAAoBA,EACf,OAAA,EACA,IAAI,GAAG,EAAE,SAAS,oCAAA,CAAqC;AAChE,CAAC,EACA,OAAO,CAACC,MAASA,EAAK,uBAAuBA,EAAK,aAAa;AAAA,EAC5D,SAAS;AAAA,EACT,MAAM,CAAC,oBAAoB;AAC/B,CAAC,GAECC,KAAmB,MAAM;;AAC3B,QAAM,CAACC,GAAiBC,CAAkB,IAAIC;AAAA,IAC1C;AAAA,EAAA,GAEE,CAACC,GAAkBC,CAAmB,IAAIF,EAAS,EAAK,GACxD,CAACG,GAAcC,CAAe,IAAIJ,EAAS,EAAK,GAEhDK,IAAUC,EAAwB,IAAI,GAEtC;AAAA,IACF,WAAAC;AAAA,IACA,cAAAC;AAAA,IACA,WAAW,EAAE,QAAAC,EAAA;AAAA,IACb,SAAAC;AAAA,EAAA,IACAC,EAAwB;AAAA,IACxB,UAAUC,EAAYlB,CAAgB;AAAA,EAAA,CACzC,GAEKmB,IAAmB,YAAY;AACjC,IAAAT,EAAgB,EAAI,GACpB,MAAMU,EAAM,GAAI,GAChB,QAAQ,IAAI,aAAaP,GAAW,GACpCL,EAAoB,EAAK,GACzBE,EAAgB,EAAK;AAAA,EACzB;AAMA,2BACK,OAAA,EACG,UAAA;AAAA,IAAA,gBAAAW,EAAC,OAAA,EAAI,WAAU,QACX,UAAA;AAAA,MAAA,gBAAAC,EAAC,QAAG,UAAA,WAAA,CAAQ;AAAA,MACZ,gBAAAA,EAAC,OAAE,UAAA,6FAAA,CAGH;AAAA,IAAA,GACJ;AAAA,IACA,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACG,KAAKZ;AAAA,QACL,WAAU;AAAA,QACV,UAAUG,EAhBL,YAAY;AACzB,UAAAN,EAAoB,EAAI;AAAA,QAC5B,CAc2C;AAAA,QAE/B,UAAA;AAAA,UAAA,gBAAAc;AAAA,YAACE;AAAA,YAAA;AAAA,cACG,OAAM;AAAA,cACN,SAAS,EAAQT,EAAO;AAAA,cACxB,eAAcU,IAAAV,EAAO,oBAAP,gBAAAU,EAAwB;AAAA,cAEtC,UAAA,gBAAAH;AAAA,gBAACI;AAAA,gBAAA;AAAA,kBACG,MAAK;AAAA,kBACL,SAAAV;AAAA,kBACA,QAAQ,CAAC,EAAE,OAAAW,EAAA,MACP,gBAAAL;AAAA,oBAACM;AAAA,oBAAA;AAAA,sBACG,MAAK;AAAA,sBACL,cAAa;AAAA,sBACb,aAAY;AAAA,sBACX,GAAGD;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBACR;AAAA,cAAA;AAAA,YAER;AAAA,UAAA;AAAA,UAEJ,gBAAAL;AAAA,YAACE;AAAA,YAAA;AAAA,cACG,OAAM;AAAA,cACN,SAAS,EAAQT,EAAO;AAAA,cACxB,eAAcc,IAAAd,EAAO,gBAAP,gBAAAc,EAAoB;AAAA,cAElC,UAAA,gBAAAP;AAAA,gBAACI;AAAA,gBAAA;AAAA,kBACG,MAAK;AAAA,kBACL,SAAAV;AAAA,kBACA,QAAQ,CAAC,EAAE,OAAAW,EAAA,MACP,gBAAAL;AAAA,oBAACM;AAAA,oBAAA;AAAA,sBACG,MAAK;AAAA,sBACL,cAAa;AAAA,sBACb,aAAY;AAAA,sBACX,GAAGD;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBACR;AAAA,cAAA;AAAA,YAER;AAAA,UAAA;AAAA,UAEJ,gBAAAL;AAAA,YAACE;AAAA,YAAA;AAAA,cACG,OAAM;AAAA,cACN,SAAS,EAAQT,EAAO;AAAA,cACxB,eAAce,IAAAf,EAAO,uBAAP,gBAAAe,EAA2B;AAAA,cAEzC,UAAA,gBAAAR;AAAA,gBAACI;AAAA,gBAAA;AAAA,kBACG,MAAK;AAAA,kBACL,SAAAV;AAAA,kBACA,QAAQ,CAAC,EAAE,OAAAW,EAAA,MACP,gBAAAL;AAAA,oBAACM;AAAA,oBAAA;AAAA,sBACG,MAAK;AAAA,sBACL,cAAa;AAAA,sBACb,aAAY;AAAA,sBACX,GAAGD;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBACR;AAAA,cAAA;AAAA,YAER;AAAA,UAAA;AAAA,UAEJ,gBAAAL,EAAC,OAAA,EAAI,WAAU,oBACX,UAAA,gBAAAA,EAACS,GAAA,EAAO,SAAQ,SAAQ,MAAK,UAAS,UAAA,SAAA,CAEtC,EAAA,CACJ;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAEJ,gBAAAT;AAAA,MAACU;AAAA,MAAA;AAAA,QACG,QAAQzB;AAAA,QACR,MAAK;AAAA,QACL,OAAM;AAAA,QACN,oBAAoB;AAAA,UAChB,SAASE;AAAA,UACT,SAASU;AAAA,QAAA;AAAA,QAEb,SAAS,MAAMX,EAAoB,EAAK;AAAA,QACxC,gBAAgB,MAAMA,EAAoB,EAAK;AAAA,QAC/C,UAAU,MAAMA,EAAoB,EAAK;AAAA,QAEzC,UAAA,gBAAAc,EAAC,OAAE,UAAA,iDAAA,CAA8C;AAAA,MAAA;AAAA,IAAA;AAAA,IAErD,gBAAAD,EAAC,OAAA,EAAI,WAAU,QACX,UAAA;AAAA,MAAA,gBAAAC,EAAC,QAAG,UAAA,sBAAA,CAAmB;AAAA,MACvB,gBAAAA,EAAC,OAAE,UAAA,qGAAA,CAGH;AAAA,MACA,gBAAAA,EAAC,SAAI,WAAU,QACV,YAAkB,IAAI,CAACW,GAAYC,MAChC,gBAAAZ;AAAA,QAAC;AAAA,QAAA;AAAA,UAEG,WAAWa;AAAA,YACP;AAAA,YACA,CAACC,EAAYrC,GAAmBmC,CAAK,KACjC;AAAA,UAAA;AAAA,UAGR,UAAA,gBAAAb,EAAC,OAAA,EAAI,WAAU,2CACX,UAAA;AAAA,YAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,cAAA,gBAAAC;AAAA,gBAACe;AAAA,gBAAA;AAAA,kBACG,MAAM;AAAA,kBACN,WAAU;AAAA,kBACV,KAAKJ,EAAW;AAAA,gBAAA;AAAA,cAAA;AAAA,gCAEnB,OAAA,EACG,UAAA;AAAA,gBAAA,gBAAAX,EAAC,MAAA,EAAI,YAAW,MAAA,CAAM;AAAA,gBACtB,gBAAAA,EAAC,QAAA,EAAM,UAAAW,EAAW,KAAA,CAAK;AAAA,cAAA,EAAA,CAC3B;AAAA,YAAA,GACJ;AAAA,YACA,gBAAAX,EAAC,OAAA,EACI,UAAAlB,MAAoB6B,EAAW,QAC5B,gBAAAX;AAAA,cAACS;AAAA,cAAA;AAAA,gBACG,MAAK;AAAA,gBACL,kBAAkB,MACd;AAAA,gBAEJ,SAAS,MACL1B,EAAmB,EAAE;AAAA,gBAE5B,UAAA;AAAA,cAAA;AAAA,YAAA,IAID,gBAAAiB;AAAA,cAACS;AAAA,cAAA;AAAA,gBACG,MAAK;AAAA,gBACL,SAAS,MACL1B;AAAA,kBACI4B,EAAW;AAAA,gBAAA;AAAA,gBAGtB,UAAA;AAAA,cAAA;AAAA,YAAA,EAED,CAER;AAAA,UAAA,EAAA,CACJ;AAAA,QAAA;AAAA,QA7CKA,EAAW;AAAA,MAAA,CA+CvB,EAAA,CACL;AAAA,IAAA,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;"}

package/dist/@ecme/views/concepts/accounts/Settings/store/settingsStore.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"settingsStore.js","sources":["../../../../../../../lib/@ecme/views/concepts/accounts/Settings/store/settingsStore.ts"],"sourcesContent":["import { create } from 'zustand'\r\nimport type { View } from '../types'\r\n\r\nexport type SettingsState = {\r\n currentView: View\r\n}\r\n\r\ntype SettingsAction = {\r\n setCurrentView: (payload: View) => void\r\n}\r\n\r\nconst initialState: SettingsState = {\r\n currentView: 'profile',\r\n}\r\n\r\nexport const useSettingsStore = create<SettingsState & SettingsAction>(\r\n (set) => ({\r\n ...initialState,\r\n setCurrentView: (payload) => set(() => ({ currentView: payload })),\r\n }),\r\n)\r\n"],"names":["initialState","useSettingsStore","create","set","payload"],"mappings":";AAWA,MAAMA,IAA8B;AAAA,EAChC,aAAa;AACjB,GAEaC,IAAmBC;AAAA,EAC5B,CAACC,OAAS;AAAA,IACN,GAAGH;AAAA,IACH,gBAAgB,CAACI,MAAYD,EAAI,OAAO,EAAE,aAAaC,IAAU;AAAA,EAAA;AAEzE;"}
1	+ {"version":3,"file":"settingsStore.js","sources":["../../../../../../../lib/@ecme/views/concepts/accounts/Settings/store/settingsStore.ts"],"sourcesContent":["import { create } from 'zustand'\nimport type { View } from '../types'\n\nexport type SettingsState = {\n currentView: View\n}\n\ntype SettingsAction = {\n setCurrentView: (payload: View) => void\n}\n\nconst initialState: SettingsState = {\n currentView: 'profile',\n}\n\nexport const useSettingsStore = create<SettingsState & SettingsAction>(\n (set) => ({\n ...initialState,\n setCurrentView: (payload) => set(() => ({ currentView: payload })),\n }),\n)\n"],"names":["initialState","useSettingsStore","create","set","payload"],"mappings":";AAWA,MAAMA,IAA8B;AAAA,EAChC,aAAa;AACjB,GAEaC,IAAmBC;AAAA,EAC5B,CAACC,OAAS;AAAA,IACN,GAAGH;AAAA,IACH,gBAAgB,CAACI,MAAYD,EAAI,OAAO,EAAE,aAAaC,IAAU;AAAA,EAAA;AAEzE;"}

package/dist/@ecme/views/concepts/ai/Chat/GenerativeChat.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"GenerativeChat.js","sources":["../../../../../../lib/@ecme/views/concepts/ai/Chat/GenerativeChat.tsx"],"sourcesContent":["import ChatSideNav from './components/ChatSideNav'\r\nimport ChatView from './components/ChatView'\r\nimport ChatHistoryRenameDialog from './components/ChatHistoryRenameDialog'\r\nimport useResponsive from '@/utils/hooks/useResponsive'\r\n\r\nconst GenerativeChat = () => {\r\n const { larger } = useResponsive()\r\n\r\n return (\r\n <div className=\"h-full\">\r\n <div className=\"flex flex-auto gap-4 h-full\">\r\n <ChatView />\r\n {larger.xl && <ChatSideNav />}\r\n <ChatHistoryRenameDialog />\r\n </div>\r\n </div>\r\n )\r\n}\r\n\r\nexport default GenerativeChat\r\n"],"names":["GenerativeChat","larger","useResponsive","jsxs","jsx","ChatView","ChatSideNav","ChatHistoryRenameDialog"],"mappings":";;;;;AAKA,MAAMA,IAAiB,MAAM;AACzB,QAAM,EAAE,QAAAC,EAAA,IAAWC,EAAA;AAEnB,2BACK,OAAA,EAAI,WAAU,UACX,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,+BACX,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAS;AAAA,IACTJ,EAAO,MAAM,gBAAAG,EAACE,GAAA,CAAA,CAAY;AAAA,sBAC1BC,GAAA,CAAA,CAAwB;AAAA,EAAA,EAAA,CAC7B,EAAA,CACJ;AAER;"}
1	+ {"version":3,"file":"GenerativeChat.js","sources":["../../../../../../lib/@ecme/views/concepts/ai/Chat/GenerativeChat.tsx"],"sourcesContent":["import ChatSideNav from './components/ChatSideNav'\nimport ChatView from './components/ChatView'\nimport ChatHistoryRenameDialog from './components/ChatHistoryRenameDialog'\nimport useResponsive from '@/utils/hooks/useResponsive'\n\nconst GenerativeChat = () => {\n const { larger } = useResponsive()\n\n return (\n <div className=\"h-full\">\n <div className=\"flex flex-auto gap-4 h-full\">\n <ChatView />\n {larger.xl && <ChatSideNav />}\n <ChatHistoryRenameDialog />\n </div>\n </div>\n )\n}\n\nexport default GenerativeChat\n"],"names":["GenerativeChat","larger","useResponsive","jsxs","jsx","ChatView","ChatSideNav","ChatHistoryRenameDialog"],"mappings":";;;;;AAKA,MAAMA,IAAiB,MAAM;AACzB,QAAM,EAAE,QAAAC,EAAA,IAAWC,EAAA;AAEnB,2BACK,OAAA,EAAI,WAAU,UACX,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,+BACX,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAS;AAAA,IACTJ,EAAO,MAAM,gBAAAG,EAACE,GAAA,CAAA,CAAY;AAAA,sBAC1BC,GAAA,CAAA,CAAwB;AAAA,EAAA,EAAA,CAC7B,EAAA,CACJ;AAER;"}

package/dist/@ecme/views/concepts/ai/Chat/components/ChatCustomAction.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ChatCustomAction.js","sources":["../../../../../../../lib/@ecme/views/concepts/ai/Chat/components/ChatCustomAction.tsx"],"sourcesContent":["import { useRef, useState, useEffect } from 'react'\r\nimport Button from '@/components/ui/Button'\r\nimport Input from '@/components/ui/Input'\r\nimport Select from '@/components/ui/Select'\r\nimport Notification from '@/components/ui/Notification'\r\nimport toast from '@/components/ui/toast'\r\nimport { Form, FormItem } from '@/components/ui/Form'\r\nimport Dialog from '@/components/ui/Dialog'\r\nimport Tooltip from '@/components/ui/Tooltip'\r\nimport classNames from '@/utils/classNames'\r\nimport {\r\n TbThumbUp,\r\n TbThumbUpFilled,\r\n TbThumbDown,\r\n TbThumbDownFilled,\r\n TbCopy,\r\n TbCheck,\r\n} from 'react-icons/tb'\r\n\r\ntype ChatCustomActionProps = {\r\n content: string\r\n}\r\n\r\nconst responseOption = [\r\n { label: 'Not factually correct', value: 'notFactuallyCorrect' },\r\n { label: 'Harmful content', value: 'harmfulContent' },\r\n { label: 'Overeactive refusal', value: 'overeactiveRefusal' },\r\n { label: 'Other', value: 'other' },\r\n]\r\n\r\nconst ChatCustomAction = ({ content }: ChatCustomActionProps) => {\r\n const detailInput = useRef<HTMLTextAreaElement>(null)\r\n const [copied, setCopied] = useState(false)\r\n const [selected, setSelected] = useState('')\r\n const [responseSend, setResponSend] = useState('')\r\n const [responseDialog, setResponseDialog] = useState<{\r\n type: string\r\n open: boolean\r\n }>({\r\n type: '',\r\n open: false,\r\n })\r\n\r\n const btnClass =\r\n 'p-2 rounded-full hover:bg-black hover:bg-opacity-5 hover:text-gray-900 dark:hover:bg-black dark:hover:text-gray-100 dark:hover:bg-opacity-40 transition-colors duration-300 ease-in-out'\r\n\r\n useEffect(() => {\r\n if (copied && content) {\r\n navigator.clipboard.writeText(content)\r\n if (copied) {\r\n const copyFeedbackInterval = setTimeout(\r\n () => setCopied(false),\r\n 2000,\r\n )\r\n\r\n return () => {\r\n clearTimeout(copyFeedbackInterval)\r\n }\r\n }\r\n }\r\n }, [copied, content])\r\n\r\n const handleDialogClose = () => {\r\n setResponseDialog({\r\n type: '',\r\n open: false,\r\n })\r\n }\r\n\r\n const handleSubmit = () => {\r\n setResponSend(responseDialog.type)\r\n handleDialogClose()\r\n toast.push(\r\n <Notification type=\"success\">\r\n Thanks for your feedback!\r\n </Notification>,\r\n { placement: 'top-center' },\r\n )\r\n }\r\n\r\n return (\r\n <>\r\n <div className=\"flex mt-0.5\">\r\n <Tooltip title={copied ? 'Copied' : 'Copy'} placement=\"bottom\">\r\n <button\r\n className={classNames(btnClass, 'text-lg')}\r\n onClick={() => setCopied(true)}\r\n >\r\n {copied ? (\r\n <TbCheck className=\"text-emerald-500\" />\r\n ) : (\r\n <TbCopy />\r\n )}\r\n </button>\r\n </Tooltip>\r\n <Tooltip title=\"Good response\" placement=\"bottom\">\r\n <button\r\n className={classNames(btnClass, 'text-lg')}\r\n onClick={() =>\r\n setResponseDialog({ type: 'praise', open: true })\r\n }\r\n >\r\n {responseSend === 'praise' ? (\r\n <TbThumbUpFilled />\r\n ) : (\r\n <TbThumbUp />\r\n )}\r\n </button>\r\n </Tooltip>\r\n <Tooltip title=\"Bad response\" placement=\"bottom\">\r\n <button\r\n className={classNames(btnClass, 'text-lg')}\r\n onClick={() =>\r\n setResponseDialog({ type: 'blame', open: true })\r\n }\r\n >\r\n {responseSend === 'blame' ? (\r\n <TbThumbDownFilled />\r\n ) : (\r\n <TbThumbDown />\r\n )}\r\n </button>\r\n </Tooltip>\r\n </div>\r\n <Dialog\r\n isOpen={responseDialog.open}\r\n onClose={handleDialogClose}\r\n onRequestClose={handleDialogClose}\r\n >\r\n <h5 className=\"mb-4\">Feedback</h5>\r\n <Form onSubmit={handleSubmit}>\r\n {responseDialog.type === 'praise' && (\r\n <FormItem label=\"Please provide details: (optional)\">\r\n <Input\r\n ref={detailInput}\r\n textArea\r\n placeholder=\"What was statifying about this response?\"\r\n />\r\n </FormItem>\r\n )}\r\n {responseDialog.type === 'blame' && (\r\n <>\r\n <FormItem label=\"What type of issue do you wish to report? (optional)\">\r\n <Select\r\n options={responseOption}\r\n value={responseOption.filter(\r\n (response) =>\r\n response.value === selected,\r\n )}\r\n onChange={(option) =>\r\n setSelected(option?.value \|\| '')\r\n }\r\n />\r\n </FormItem>\r\n <FormItem label=\"Please provide details: (optional)\">\r\n <Input\r\n ref={detailInput}\r\n textArea\r\n placeholder=\"What was unstatifying about this response?\"\r\n />\r\n </FormItem>\r\n </>\r\n )}\r\n </Form>\r\n <div className=\"flex justify-end gap-2\">\r\n <Button\r\n className=\"ltr:mr-2 rtl:ml-2\"\r\n variant=\"plain\"\r\n type=\"button\"\r\n onClick={handleDialogClose}\r\n >\r\n Cancel\r\n </Button>\r\n <Button\r\n variant=\"solid\"\r\n type=\"submit\"\r\n onClick={handleSubmit}\r\n >\r\n Submit\r\n </Button>\r\n </div>\r\n </Dialog>\r\n </>\r\n )\r\n}\r\n\r\nexport default ChatCustomAction\r\n"],"names":["responseOption","ChatCustomAction","content","detailInput","useRef","copied","setCopied","useState","selected","setSelected","responseSend","setResponSend","responseDialog","setResponseDialog","btnClass","useEffect","copyFeedbackInterval","handleDialogClose","handleSubmit","toast","jsx","Notification","jsxs","Fragment","Tooltip","classNames","TbCheck","TbCopy","TbThumbUpFilled","TbThumbUp","TbThumbDownFilled","TbThumbDown","Dialog","Form","FormItem","Input","Select","response","option","Button"],"mappings":"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"}
1	+ {"version":3,"file":"ChatCustomAction.js","sources":["../../../../../../../lib/@ecme/views/concepts/ai/Chat/components/ChatCustomAction.tsx"],"sourcesContent":["import { useRef, useState, useEffect } from 'react'\nimport Button from '@/components/ui/Button'\nimport Input from '@/components/ui/Input'\nimport Select from '@/components/ui/Select'\nimport Notification from '@/components/ui/Notification'\nimport toast from '@/components/ui/toast'\nimport { Form, FormItem } from '@/components/ui/Form'\nimport Dialog from '@/components/ui/Dialog'\nimport Tooltip from '@/components/ui/Tooltip'\nimport classNames from '@/utils/classNames'\nimport {\n TbThumbUp,\n TbThumbUpFilled,\n TbThumbDown,\n TbThumbDownFilled,\n TbCopy,\n TbCheck,\n} from 'react-icons/tb'\n\ntype ChatCustomActionProps = {\n content: string\n}\n\nconst responseOption = [\n { label: 'Not factually correct', value: 'notFactuallyCorrect' },\n { label: 'Harmful content', value: 'harmfulContent' },\n { label: 'Overeactive refusal', value: 'overeactiveRefusal' },\n { label: 'Other', value: 'other' },\n]\n\nconst ChatCustomAction = ({ content }: ChatCustomActionProps) => {\n const detailInput = useRef<HTMLTextAreaElement>(null)\n const [copied, setCopied] = useState(false)\n const [selected, setSelected] = useState('')\n const [responseSend, setResponSend] = useState('')\n const [responseDialog, setResponseDialog] = useState<{\n type: string\n open: boolean\n }>({\n type: '',\n open: false,\n })\n\n const btnClass =\n 'p-2 rounded-full hover:bg-black hover:bg-opacity-5 hover:text-gray-900 dark:hover:bg-black dark:hover:text-gray-100 dark:hover:bg-opacity-40 transition-colors duration-300 ease-in-out'\n\n useEffect(() => {\n if (copied && content) {\n navigator.clipboard.writeText(content)\n if (copied) {\n const copyFeedbackInterval = setTimeout(\n () => setCopied(false),\n 2000,\n )\n\n return () => {\n clearTimeout(copyFeedbackInterval)\n }\n }\n }\n }, [copied, content])\n\n const handleDialogClose = () => {\n setResponseDialog({\n type: '',\n open: false,\n })\n }\n\n const handleSubmit = () => {\n setResponSend(responseDialog.type)\n handleDialogClose()\n toast.push(\n <Notification type=\"success\">\n Thanks for your feedback!\n </Notification>,\n { placement: 'top-center' },\n )\n }\n\n return (\n <>\n <div className=\"flex mt-0.5\">\n <Tooltip title={copied ? 'Copied' : 'Copy'} placement=\"bottom\">\n <button\n className={classNames(btnClass, 'text-lg')}\n onClick={() => setCopied(true)}\n >\n {copied ? (\n <TbCheck className=\"text-emerald-500\" />\n ) : (\n <TbCopy />\n )}\n </button>\n </Tooltip>\n <Tooltip title=\"Good response\" placement=\"bottom\">\n <button\n className={classNames(btnClass, 'text-lg')}\n onClick={() =>\n setResponseDialog({ type: 'praise', open: true })\n }\n >\n {responseSend === 'praise' ? (\n <TbThumbUpFilled />\n ) : (\n <TbThumbUp />\n )}\n </button>\n </Tooltip>\n <Tooltip title=\"Bad response\" placement=\"bottom\">\n <button\n className={classNames(btnClass, 'text-lg')}\n onClick={() =>\n setResponseDialog({ type: 'blame', open: true })\n }\n >\n {responseSend === 'blame' ? (\n <TbThumbDownFilled />\n ) : (\n <TbThumbDown />\n )}\n </button>\n </Tooltip>\n </div>\n <Dialog\n isOpen={responseDialog.open}\n onClose={handleDialogClose}\n onRequestClose={handleDialogClose}\n >\n <h5 className=\"mb-4\">Feedback</h5>\n <Form onSubmit={handleSubmit}>\n {responseDialog.type === 'praise' && (\n <FormItem label=\"Please provide details: (optional)\">\n <Input\n ref={detailInput}\n textArea\n placeholder=\"What was statifying about this response?\"\n />\n </FormItem>\n )}\n {responseDialog.type === 'blame' && (\n <>\n <FormItem label=\"What type of issue do you wish to report? (optional)\">\n <Select\n options={responseOption}\n value={responseOption.filter(\n (response) =>\n response.value === selected,\n )}\n onChange={(option) =>\n setSelected(option?.value \|\| '')\n }\n />\n </FormItem>\n <FormItem label=\"Please provide details: (optional)\">\n <Input\n ref={detailInput}\n textArea\n placeholder=\"What was unstatifying about this response?\"\n />\n </FormItem>\n </>\n )}\n </Form>\n <div className=\"flex justify-end gap-2\">\n <Button\n className=\"ltr:mr-2 rtl:ml-2\"\n variant=\"plain\"\n type=\"button\"\n onClick={handleDialogClose}\n >\n Cancel\n </Button>\n <Button\n variant=\"solid\"\n type=\"submit\"\n onClick={handleSubmit}\n >\n Submit\n </Button>\n </div>\n </Dialog>\n </>\n )\n}\n\nexport default ChatCustomAction\n"],"names":["responseOption","ChatCustomAction","content","detailInput","useRef","copied","setCopied","useState","selected","setSelected","responseSend","setResponSend","responseDialog","setResponseDialog","btnClass","useEffect","copyFeedbackInterval","handleDialogClose","handleSubmit","toast","jsx","Notification","jsxs","Fragment","Tooltip","classNames","TbCheck","TbCopy","TbThumbUpFilled","TbThumbUp","TbThumbDownFilled","TbThumbDown","Dialog","Form","FormItem","Input","Select","response","option","Button"],"mappings":"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"}

package/dist/@ecme/views/concepts/ai/Chat/components/ChatCustomContent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ChatCustomContent.js","sources":["../../../../../../../lib/@ecme/views/concepts/ai/Chat/components/ChatCustomContent.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\r\nimport { useState, useMemo, createElement, useEffect, ReactNode } from 'react'\r\nimport useInterval from '@/utils/hooks/useInterval '\r\nimport { getCurrentNodeOverflow, getStringPosition } from '../utils'\r\nimport ReactHtmlParser from 'html-react-parser'\r\nimport { marked } from 'marked'\r\nimport type { CommonProps } from '@/@types/common'\r\n\r\ntype ChatCustomContentProps = {\r\n content: string\r\n triggerTyping: boolean\r\n onFinish?: () => void\r\n}\r\n\r\nconst AIWriter = ({\r\n children,\r\n delay = 25,\r\n onFinish = () => {},\r\n}: CommonProps & { delay?: number; onFinish?: () => void }) => {\r\n const [pos, setPos] = useState(0)\r\n\r\n const tokenLengths = useMemo(() => {\r\n const arr: number[] = []\r\n\r\n const traverseNodesAndCountTokens = (reactNode: any) => {\r\n const nodeChildren = reactNode?.props?.children\r\n\r\n if (Array.isArray(reactNode)) {\r\n reactNode.forEach((node) => {\r\n if (typeof node === 'object') {\r\n traverseNodesAndCountTokens(node)\r\n } else if (typeof node === 'string') {\r\n arr.push(node.split(' ').length)\r\n }\r\n })\r\n }\r\n\r\n if (nodeChildren === undefined) {\r\n if (typeof reactNode === 'string') {\r\n arr.push(reactNode.split(' ').length)\r\n }\r\n }\r\n\r\n // TODO mb try checking if it's a react element\r\n if (typeof nodeChildren === 'object') {\r\n traverseNodesAndCountTokens(nodeChildren)\r\n }\r\n if (typeof nodeChildren === 'string') {\r\n arr.push(nodeChildren.split(' ').length)\r\n }\r\n\r\n return arr\r\n }\r\n\r\n return traverseNodesAndCountTokens(children)\r\n }, [children])\r\n\r\n const totalTokens = useMemo(\r\n () => tokenLengths.reduce((acc, curr) => acc + curr, 0),\r\n [tokenLengths],\r\n )\r\n\r\n const nodex = useMemo(() => {\r\n let tmpCurrentLoopTokenPos = 0\r\n let tmpCurrentLoopNodePos = 0\r\n\r\n const traverseNodesAndInjectAIWriter: any = (reactNode: any) => {\r\n if (tmpCurrentLoopTokenPos > pos) {\r\n return null\r\n }\r\n\r\n const nodeChildren = reactNode?.props?.children\r\n\r\n if (Array.isArray(reactNode)) {\r\n const joinedNodes: ReactNode[] = []\r\n reactNode.forEach((node) => {\r\n if (typeof node === 'object') {\r\n joinedNodes.push(traverseNodesAndInjectAIWriter(node))\r\n } else if (typeof node === 'string') {\r\n tmpCurrentLoopTokenPos += node.split(' ').length\r\n tmpCurrentLoopNodePos++\r\n const [nodeIndex, currentNodePos] =\r\n getCurrentNodeOverflow(tokenLengths, pos)\r\n\r\n if (nodeIndex < tmpCurrentLoopNodePos) {\r\n joinedNodes.push(\r\n node.slice(\r\n 0,\r\n getStringPosition(\r\n node,\r\n ' ',\r\n currentNodePos,\r\n ),\r\n ),\r\n )\r\n }\r\n\r\n joinedNodes.push(node)\r\n }\r\n })\r\n\r\n return joinedNodes\r\n }\r\n\r\n if (nodeChildren === undefined) {\r\n if (typeof reactNode === 'string') {\r\n tmpCurrentLoopTokenPos += reactNode.split(' ').length\r\n tmpCurrentLoopNodePos++\r\n\r\n const [nodeIndex, currentNodePos] = getCurrentNodeOverflow(\r\n tokenLengths,\r\n pos,\r\n )\r\n\r\n if (nodeIndex < tmpCurrentLoopNodePos) {\r\n return reactNode.slice(\r\n 0,\r\n getStringPosition(reactNode, ' ', currentNodePos),\r\n )\r\n }\r\n\r\n return reactNode\r\n }\r\n }\r\n\r\n if (typeof nodeChildren === 'object') {\r\n return createElement(\r\n reactNode.type,\r\n reactNode?.props,\r\n traverseNodesAndInjectAIWriter(nodeChildren),\r\n )\r\n }\r\n\r\n if (typeof nodeChildren === 'string') {\r\n tmpCurrentLoopTokenPos += nodeChildren.split(' ').length\r\n tmpCurrentLoopNodePos++\r\n const [nodeIndex, currentNodePos] = getCurrentNodeOverflow(\r\n tokenLengths,\r\n pos,\r\n )\r\n\r\n if (nodeIndex < tmpCurrentLoopNodePos) {\r\n return createElement(\r\n reactNode.type,\r\n reactNode?.props,\r\n nodeChildren.slice(\r\n 0,\r\n getStringPosition(\r\n nodeChildren,\r\n ' ',\r\n currentNodePos,\r\n ),\r\n ),\r\n )\r\n }\r\n\r\n return reactNode\r\n }\r\n }\r\n\r\n return traverseNodesAndInjectAIWriter(children)\r\n }, [children, pos, tokenLengths])\r\n\r\n useInterval(\r\n () => {\r\n setPos((prevPos) => {\r\n if (prevPos + 1 >= totalTokens) {\r\n onFinish()\r\n }\r\n\r\n return prevPos + 1\r\n })\r\n },\r\n totalTokens > pos ? delay : null,\r\n )\r\n\r\n useEffect(() => {\r\n setPos(0)\r\n }, [children])\r\n\r\n return nodex\r\n}\r\n\r\nconst ChatCustomContent = ({\r\n content = '',\r\n triggerTyping,\r\n onFinish,\r\n}: ChatCustomContentProps) => {\r\n const finalContent = ReactHtmlParser(marked(content) as string)\r\n\r\n return (\r\n <>\r\n {triggerTyping ? (\r\n <AIWriter onFinish={onFinish}>{finalContent}</AIWriter>\r\n ) : (\r\n finalContent\r\n )}\r\n </>\r\n )\r\n}\r\n\r\nexport default ChatCustomContent\r\n"],"names":["AIWriter","children","delay","onFinish","pos","setPos","useState","tokenLengths","useMemo","arr","traverseNodesAndCountTokens","reactNode","nodeChildren","_a","node","totalTokens","acc","curr","nodex","tmpCurrentLoopTokenPos","tmpCurrentLoopNodePos","traverseNodesAndInjectAIWriter","joinedNodes","nodeIndex","currentNodePos","getCurrentNodeOverflow","getStringPosition","createElement","useInterval","prevPos","useEffect","ChatCustomContent","content","triggerTyping","finalContent","ReactHtmlParser","marked","jsx"],"mappings":"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"}
1	+ {"version":3,"file":"ChatCustomContent.js","sources":["../../../../../../../lib/@ecme/views/concepts/ai/Chat/components/ChatCustomContent.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { useState, useMemo, createElement, useEffect, ReactNode } from 'react'\nimport useInterval from '@/utils/hooks/useInterval '\nimport { getCurrentNodeOverflow, getStringPosition } from '../utils'\nimport ReactHtmlParser from 'html-react-parser'\nimport { marked } from 'marked'\nimport type { CommonProps } from '@/@types/common'\n\ntype ChatCustomContentProps = {\n content: string\n triggerTyping: boolean\n onFinish?: () => void\n}\n\nconst AIWriter = ({\n children,\n delay = 25,\n onFinish = () => {},\n}: CommonProps & { delay?: number; onFinish?: () => void }) => {\n const [pos, setPos] = useState(0)\n\n const tokenLengths = useMemo(() => {\n const arr: number[] = []\n\n const traverseNodesAndCountTokens = (reactNode: any) => {\n const nodeChildren = reactNode?.props?.children\n\n if (Array.isArray(reactNode)) {\n reactNode.forEach((node) => {\n if (typeof node === 'object') {\n traverseNodesAndCountTokens(node)\n } else if (typeof node === 'string') {\n arr.push(node.split(' ').length)\n }\n })\n }\n\n if (nodeChildren === undefined) {\n if (typeof reactNode === 'string') {\n arr.push(reactNode.split(' ').length)\n }\n }\n\n // TODO mb try checking if it's a react element\n if (typeof nodeChildren === 'object') {\n traverseNodesAndCountTokens(nodeChildren)\n }\n if (typeof nodeChildren === 'string') {\n arr.push(nodeChildren.split(' ').length)\n }\n\n return arr\n }\n\n return traverseNodesAndCountTokens(children)\n }, [children])\n\n const totalTokens = useMemo(\n () => tokenLengths.reduce((acc, curr) => acc + curr, 0),\n [tokenLengths],\n )\n\n const nodex = useMemo(() => {\n let tmpCurrentLoopTokenPos = 0\n let tmpCurrentLoopNodePos = 0\n\n const traverseNodesAndInjectAIWriter: any = (reactNode: any) => {\n if (tmpCurrentLoopTokenPos > pos) {\n return null\n }\n\n const nodeChildren = reactNode?.props?.children\n\n if (Array.isArray(reactNode)) {\n const joinedNodes: ReactNode[] = []\n reactNode.forEach((node) => {\n if (typeof node === 'object') {\n joinedNodes.push(traverseNodesAndInjectAIWriter(node))\n } else if (typeof node === 'string') {\n tmpCurrentLoopTokenPos += node.split(' ').length\n tmpCurrentLoopNodePos++\n const [nodeIndex, currentNodePos] =\n getCurrentNodeOverflow(tokenLengths, pos)\n\n if (nodeIndex < tmpCurrentLoopNodePos) {\n joinedNodes.push(\n node.slice(\n 0,\n getStringPosition(\n node,\n ' ',\n currentNodePos,\n ),\n ),\n )\n }\n\n joinedNodes.push(node)\n }\n })\n\n return joinedNodes\n }\n\n if (nodeChildren === undefined) {\n if (typeof reactNode === 'string') {\n tmpCurrentLoopTokenPos += reactNode.split(' ').length\n tmpCurrentLoopNodePos++\n\n const [nodeIndex, currentNodePos] = getCurrentNodeOverflow(\n tokenLengths,\n pos,\n )\n\n if (nodeIndex < tmpCurrentLoopNodePos) {\n return reactNode.slice(\n 0,\n getStringPosition(reactNode, ' ', currentNodePos),\n )\n }\n\n return reactNode\n }\n }\n\n if (typeof nodeChildren === 'object') {\n return createElement(\n reactNode.type,\n reactNode?.props,\n traverseNodesAndInjectAIWriter(nodeChildren),\n )\n }\n\n if (typeof nodeChildren === 'string') {\n tmpCurrentLoopTokenPos += nodeChildren.split(' ').length\n tmpCurrentLoopNodePos++\n const [nodeIndex, currentNodePos] = getCurrentNodeOverflow(\n tokenLengths,\n pos,\n )\n\n if (nodeIndex < tmpCurrentLoopNodePos) {\n return createElement(\n reactNode.type,\n reactNode?.props,\n nodeChildren.slice(\n 0,\n getStringPosition(\n nodeChildren,\n ' ',\n currentNodePos,\n ),\n ),\n )\n }\n\n return reactNode\n }\n }\n\n return traverseNodesAndInjectAIWriter(children)\n }, [children, pos, tokenLengths])\n\n useInterval(\n () => {\n setPos((prevPos) => {\n if (prevPos + 1 >= totalTokens) {\n onFinish()\n }\n\n return prevPos + 1\n })\n },\n totalTokens > pos ? delay : null,\n )\n\n useEffect(() => {\n setPos(0)\n }, [children])\n\n return nodex\n}\n\nconst ChatCustomContent = ({\n content = '',\n triggerTyping,\n onFinish,\n}: ChatCustomContentProps) => {\n const finalContent = ReactHtmlParser(marked(content) as string)\n\n return (\n <>\n {triggerTyping ? (\n <AIWriter onFinish={onFinish}>{finalContent}</AIWriter>\n ) : (\n finalContent\n )}\n </>\n )\n}\n\nexport default ChatCustomContent\n"],"names":["AIWriter","children","delay","onFinish","pos","setPos","useState","tokenLengths","useMemo","arr","traverseNodesAndCountTokens","reactNode","nodeChildren","_a","node","totalTokens","acc","curr","nodex","tmpCurrentLoopTokenPos","tmpCurrentLoopNodePos","traverseNodesAndInjectAIWriter","joinedNodes","nodeIndex","currentNodePos","getCurrentNodeOverflow","getStringPosition","createElement","useInterval","prevPos","useEffect","ChatCustomContent","content","triggerTyping","finalContent","ReactHtmlParser","marked","jsx"],"mappings":"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"}

package/dist/@ecme/views/concepts/ai/Chat/components/ChatHistory.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ChatHistory.js","sources":["../../../../../../../lib/@ecme/views/concepts/ai/Chat/components/ChatHistory.tsx"],"sourcesContent":["import { Fragment } from 'react'\r\nimport ScrollBar from '@/components/ui/ScrollBar'\r\nimport ChatHistoryItem from './ChatHistoryItem'\r\nimport { usGenerativeChatStore } from '../store/generativeChatStore'\r\nimport { apiGetChatHistory } from '@/services/AiService'\r\n\r\nimport useSWR from 'swr'\r\nimport type { GetChatHistoryResponse } from '../types'\r\n\r\ntype ChatHistoryProps = {\r\n queryText?: string\r\n onClick?: () => void\r\n}\r\n\r\nconst ChatHistory = ({ queryText = '', onClick }: ChatHistoryProps) => {\r\n const {\r\n chatHistory,\r\n setChatHistory,\r\n setRenameDialog,\r\n setSelectedConversation,\r\n selectedConversation,\r\n } = usGenerativeChatStore()\r\n\r\n useSWR(\r\n ['/api/ai/chat/history'],\r\n () => apiGetChatHistory<GetChatHistoryResponse>(),\r\n {\r\n revalidateOnFocus: false,\r\n revalidateIfStale: false,\r\n revalidateOnReconnect: false,\r\n onSuccess: (data) => {\r\n setChatHistory(data)\r\n },\r\n },\r\n )\r\n\r\n const handleDelete = (id: string) => {\r\n setChatHistory(chatHistory.filter((item) => item.id !== id))\r\n setSelectedConversation('')\r\n }\r\n\r\n const handleArchive = (id: string) => {\r\n setChatHistory(chatHistory.filter((item) => item.id !== id))\r\n setSelectedConversation('')\r\n }\r\n\r\n const handleRename = (id: string, title: string) => {\r\n setRenameDialog({\r\n id,\r\n title,\r\n open: true,\r\n })\r\n }\r\n\r\n const handleClick = (id: string) => {\r\n setSelectedConversation(id)\r\n onClick?.()\r\n }\r\n\r\n return (\r\n <ScrollBar className=\"h-full\">\r\n <div className=\"flex flex-col gap-2 py-2 px-3\">\r\n {chatHistory\r\n .filter((item) =>\r\n item.title\r\n .toLowerCase()\r\n .includes(queryText.toLowerCase()),\r\n )\r\n .map((item) => {\r\n if (!item.enable) {\r\n return <Fragment key={item.id} />\r\n }\r\n return (\r\n <ChatHistoryItem\r\n key={item.id}\r\n data-testid={item.id}\r\n title={item.title}\r\n conversation={item.lastConversation}\r\n active={selectedConversation === item.id}\r\n onDelete={() => handleDelete(item.id)}\r\n onArchive={() => handleArchive(item.id)}\r\n onRename={() =>\r\n handleRename(item.id, item.title)\r\n }\r\n onClick={() => handleClick(item.id)}\r\n />\r\n )\r\n })}\r\n </div>\r\n </ScrollBar>\r\n )\r\n}\r\n\r\nexport default ChatHistory\r\n"],"names":["ChatHistory","queryText","onClick","chatHistory","setChatHistory","setRenameDialog","setSelectedConversation","selectedConversation","usGenerativeChatStore","useSWR","apiGetChatHistory","data","handleDelete","id","item","handleArchive","handleRename","title","handleClick","jsx","ScrollBar","ChatHistoryItem","Fragment"],"mappings":";;;;;;;;AAcA,MAAMA,IAAc,CAAC,EAAE,WAAAC,IAAY,IAAI,SAAAC,QAAgC;AACnE,QAAM;AAAA,IACF,aAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,yBAAAC;AAAA,IACA,sBAAAC;AAAA,EAAA,IACAC,EAAA;AAEJ,EAAAC;AAAA,IACI,CAAC,sBAAsB;AAAA,IACvB,MAAMC,EAAA;AAAA,IACN;AAAA,MACI,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,uBAAuB;AAAA,MACvB,WAAW,CAACC,MAAS;AACjB,QAAAP,EAAeO,CAAI;AAAA,~~MAAA~~;AAAA,~~IACvB~~;AAAA,EACJ;AAGJ,QAAMC,IAAe,CAACC,MAAe;AACjC,IAAAT,EAAeD,EAAY,OAAO,CAACW,MAASA,EAAK,OAAOD,CAAE,CAAC,GAC3DP,EAAwB,EAAE;AAAA,~~EAAA~~,~~GAGxBS~~,IAAgB,CAACF,MAAe;AAClC,IAAAT,EAAeD,EAAY,OAAO,CAACW,MAASA,EAAK,OAAOD,CAAE,CAAC,GAC3DP,EAAwB,EAAE;AAAA,~~EAAA~~,~~GAGxBU~~,IAAe,CAACH,GAAYI,MAAkB;AAChD,IAAAZ,EAAgB;AAAA,MACZ,IAAAQ;AAAA,MACA,OAAAI;AAAA,MACA,MAAM;AAAA,IAAA,CACT;AAAA,~~EAAA~~,~~GAGCC~~,IAAc,CAACL,MAAe;AAChC,IAAAP,EAAwBO,CAAE,GAC1BX,KAAA,QAAAA;AAAA,~~EAAU~~;~~AAGd~~,SACI,gBAAAiB,EAACC,KAAU,WAAU,UACjB,4BAAC,OAAA,EAAI,WAAU,iCACV,UAAAjB,EACI;AAAA,IAAO,CAACW,MACLA,EAAK,MACA,cACA,SAASb,EAAU,YAAA,CAAa;AAAA,EAAA,EAExC,IAAI,CAACa,MACGA,EAAK,SAIN,gBAAAK;AAAA,IAACE;AAAA,IAAA;AAAA,MAEG,eAAaP,EAAK;AAAA,MAClB,OAAOA,EAAK;AAAA,MACZ,cAAcA,EAAK;AAAA,MACnB,QAAQP,MAAyBO,EAAK;AAAA,MACtC,UAAU,MAAMF,EAAaE,EAAK,EAAE;AAAA,MACpC,WAAW,MAAMC,EAAcD,EAAK,EAAE;AAAA,MACtC,UAAU,MACNE,EAAaF,EAAK,IAAIA,EAAK,KAAK;AAAA,MAEpC,SAAS,MAAMI,EAAYJ,EAAK,EAAE;AAAA,IAAA;AAAA,IAV7BA,EAAK;AAAA,EAAA,IAJP,gBAAAK,EAACG,GAAA,IAAcR,EAAK,EAAI,CAiBtC,GACT,~~EAAA,CACJ~~;AAER;"}
1	+ {"version":3,"file":"ChatHistory.js","sources":["../../../../../../../lib/@ecme/views/concepts/ai/Chat/components/ChatHistory.tsx"],"sourcesContent":["import { Fragment } from 'react'\nimport ScrollBar from '@/components/ui/ScrollBar'\nimport ChatHistoryItem from './ChatHistoryItem'\nimport { usGenerativeChatStore } from '../store/generativeChatStore'\nimport { apiGetChatHistory } from '@/services/AiService'\n\nimport useSWR from 'swr'\nimport type { GetChatHistoryResponse } from '../types'\n\ntype ChatHistoryProps = {\n queryText?: string\n onClick?: () => void\n}\n\nconst ChatHistory = ({ queryText = '', onClick }: ChatHistoryProps) => {\n const {\n chatHistory,\n setChatHistory,\n setRenameDialog,\n setSelectedConversation,\n selectedConversation,\n } = usGenerativeChatStore()\n\n useSWR(\n ['/api/ai/chat/history'],\n () => apiGetChatHistory<GetChatHistoryResponse>(),\n {\n revalidateOnFocus: false,\n revalidateIfStale: false,\n revalidateOnReconnect: false,\n onSuccess: (data) => {\n setChatHistory(data)\n },\n },\n )\n\n const handleDelete = (id: string) => {\n setChatHistory(chatHistory.filter((item) => item.id !== id))\n setSelectedConversation('')\n }\n\n const handleArchive = (id: string) => {\n setChatHistory(chatHistory.filter((item) => item.id !== id))\n setSelectedConversation('')\n }\n\n const handleRename = (id: string, title: string) => {\n setRenameDialog({\n id,\n title,\n open: true,\n })\n }\n\n const handleClick = (id: string) => {\n setSelectedConversation(id)\n onClick?.()\n }\n\n return (\n <ScrollBar className=\"h-full\">\n <div className=\"flex flex-col gap-2 py-2 px-3\">\n {chatHistory\n .filter((item) =>\n item.title\n .toLowerCase()\n .includes(queryText.toLowerCase()),\n )\n .map((item) => {\n if (!item.enable) {\n return <Fragment key={item.id} />\n }\n return (\n <ChatHistoryItem\n key={item.id}\n data-testid={item.id}\n title={item.title}\n conversation={item.lastConversation}\n active={selectedConversation === item.id}\n onDelete={() => handleDelete(item.id)}\n onArchive={() => handleArchive(item.id)}\n onRename={() =>\n handleRename(item.id, item.title)\n }\n onClick={() => handleClick(item.id)}\n />\n )\n })}\n </div>\n </ScrollBar>\n )\n}\n\nexport default ChatHistory\n"],"names":["ChatHistory","queryText","onClick","chatHistory","setChatHistory","setRenameDialog","setSelectedConversation","selectedConversation","usGenerativeChatStore","useSWR","apiGetChatHistory","data","handleDelete","id","item","handleArchive","handleRename","title","handleClick","jsx","ScrollBar","ChatHistoryItem","Fragment"],"mappings":";;;;;;;;AAcA,MAAMA,IAAc,CAAC,EAAE,WAAAC,IAAY,IAAI,SAAAC,QAAgC;AACnE,QAAM;AAAA,IACF,aAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,yBAAAC;AAAA,IACA,sBAAAC;AAAA,EAAA,IACAC,EAAA;AAEJ,EAAAC;AAAA,IACI,CAAC,sBAAsB;AAAA,IACvB,MAAMC,EAAA;AAAA,IACN;AAAA,MACI,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,uBAAuB;AAAA,MACvB,WAAW,CAACC,MAAS;AACjB,QAAAP,EAAeO,CAAI;AAAA,MACvB;AAAA,IAAA;AAAA,EACJ;AAGJ,QAAMC,IAAe,CAACC,MAAe;AACjC,IAAAT,EAAeD,EAAY,OAAO,CAACW,MAASA,EAAK,OAAOD,CAAE,CAAC,GAC3DP,EAAwB,EAAE;AAAA,EAC9B,GAEMS,IAAgB,CAACF,MAAe;AAClC,IAAAT,EAAeD,EAAY,OAAO,CAACW,MAASA,EAAK,OAAOD,CAAE,CAAC,GAC3DP,EAAwB,EAAE;AAAA,EAC9B,GAEMU,IAAe,CAACH,GAAYI,MAAkB;AAChD,IAAAZ,EAAgB;AAAA,MACZ,IAAAQ;AAAA,MACA,OAAAI;AAAA,MACA,MAAM;AAAA,IAAA,CACT;AAAA,EACL,GAEMC,IAAc,CAACL,MAAe;AAChC,IAAAP,EAAwBO,CAAE,GAC1BX,KAAA,QAAAA;AAAA,EACJ;AAEA,SACI,gBAAAiB,EAACC,KAAU,WAAU,UACjB,4BAAC,OAAA,EAAI,WAAU,iCACV,UAAAjB,EACI;AAAA,IAAO,CAACW,MACLA,EAAK,MACA,cACA,SAASb,EAAU,YAAA,CAAa;AAAA,EAAA,EAExC,IAAI,CAACa,MACGA,EAAK,SAIN,gBAAAK;AAAA,IAACE;AAAA,IAAA;AAAA,MAEG,eAAaP,EAAK;AAAA,MAClB,OAAOA,EAAK;AAAA,MACZ,cAAcA,EAAK;AAAA,MACnB,QAAQP,MAAyBO,EAAK;AAAA,MACtC,UAAU,MAAMF,EAAaE,EAAK,EAAE;AAAA,MACpC,WAAW,MAAMC,EAAcD,EAAK,EAAE;AAAA,MACtC,UAAU,MACNE,EAAaF,EAAK,IAAIA,EAAK,KAAK;AAAA,MAEpC,SAAS,MAAMI,EAAYJ,EAAK,EAAE;AAAA,IAAA;AAAA,IAV7BA,EAAK;AAAA,EAAA,IAJP,gBAAAK,EAACG,GAAA,IAAcR,EAAK,EAAI,CAiBtC,GACT,GACJ;AAER;"}

package/dist/@ecme/views/concepts/ai/Chat/components/ChatHistoryItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ChatHistoryItem.js","sources":["../../../../../../../lib/@ecme/views/concepts/ai/Chat/components/ChatHistoryItem.tsx"],"sourcesContent":["import { useState, useRef } from 'react'\r\nimport Dropdown from '@/components/ui/Dropdown'\r\nimport classNames from 'classnames'\r\nimport { TbDots, TbArchive, TbPencil, TbTrash } from 'react-icons/tb'\r\nimport type { DropdownRef } from '@/components/ui/Dropdown'\r\n\r\nimport type { MouseEvent, SyntheticEvent } from 'react'\r\n\r\ntype ChatHistoryItemProps = {\r\n title: string\r\n conversation: string\r\n active?: boolean\r\n onDelete?: () => void\r\n onArchive?: () => void\r\n onRename?: () => void\r\n onClick?: () => void\r\n}\r\n\r\nconst ChatHistoryItem = (props: ChatHistoryItemProps) => {\r\n const [dropdownOpen, setDropdownOpen] = useState(false)\r\n\r\n const dropdownRef = useRef<DropdownRef>(null)\r\n\r\n const {\r\n title,\r\n conversation,\r\n active,\r\n onRename,\r\n onArchive,\r\n onDelete,\r\n onClick,\r\n ...rest\r\n } = props\r\n\r\n const handleCallback = (\r\n e: SyntheticEvent<Element, Event>,\r\n callback?: () => void,\r\n ) => {\r\n e.stopPropagation()\r\n callback?.()\r\n }\r\n\r\n const handleDropdownToggleClick = (e: MouseEvent) => {\r\n e.stopPropagation()\r\n dropdownRef.current?.handleDropdownOpen()\r\n }\r\n\r\n return (\r\n <div\r\n className={classNames(\r\n 'rounded-xl p-3 px-5 hover:bg-gray-100 dark:hover:bg-gray-700 cursor-pointer group relative',\r\n (dropdownOpen \|\| active) && 'bg-gray-100 dark:bg-gray-700',\r\n )}\r\n onClick={onClick}\r\n {...rest}\r\n >\r\n <div>\r\n <div className=\"heading-text font-bold truncate\">{title}</div>\r\n <div className=\"truncate\">{conversation}</div>\r\n </div>\r\n <div\r\n className={classNames(\r\n 'rounded-xl absolute bottom-0 top-0 to-transparent ltr:right-0 ltr:bg-gradient-to-l rtl:left-0 rtl:bg-gradient-to-r group-hover:from-gray-100 dark:group-hover:from-gray-700 w-8 from-0% group-hover:w-20 group-hover:from-60% flex items-center justify-end',\r\n dropdownOpen &&\r\n 'from-gray-100 dark:from-gray-700 w-20 from-60%',\r\n )}\r\n >\r\n <Dropdown\r\n ref={dropdownRef}\r\n placement=\"bottom-end\"\r\n renderTitle={\r\n <div\r\n className={classNames(\r\n 'p-2 opacity-0 group-hover:opacity-100',\r\n dropdownOpen && 'opacity-100',\r\n )}\r\n >\r\n <TbDots\r\n className=\"text-xl\"\r\n onClick={handleDropdownToggleClick}\r\n />\r\n </div>\r\n }\r\n onOpen={(bool) => setDropdownOpen(bool)}\r\n >\r\n <Dropdown.Item\r\n eventKey=\"rename\"\r\n onClick={(e) => handleCallback(e, onRename)}\r\n >\r\n <TbPencil className=\"text-xl\" />\r\n <span>Rename</span>\r\n </Dropdown.Item>\r\n <Dropdown.Item\r\n eventKey=\"rename\"\r\n onClick={(e) => handleCallback(e, onArchive)}\r\n >\r\n <TbArchive className=\"text-xl\" />\r\n <span>Archive</span>\r\n </Dropdown.Item>\r\n <Dropdown.Item\r\n className=\"text-error\"\r\n eventKey=\"rename\"\r\n onClick={(e) => handleCallback(e, onDelete)}\r\n >\r\n <TbTrash className=\"text-xl text-error\" />\r\n <span className=\"text-error\">Deleted</span>\r\n </Dropdown.Item>\r\n </Dropdown>\r\n </div>\r\n </div>\r\n )\r\n}\r\n\r\nexport default ChatHistoryItem\r\n"],"names":["ChatHistoryItem","props","dropdownOpen","setDropdownOpen","useState","dropdownRef","useRef","title","conversation","active","onRename","onArchive","onDelete","onClick","rest","handleCallback","callback","handleDropdownToggleClick","_a","jsxs","classNames","jsx","Dropdown","TbDots","bool","TbPencil","TbArchive","TbTrash"],"mappings":";;;;;AAkBA,MAAMA,IAAkB,CAACC,MAAgC;AACrD,QAAM,CAACC,GAAcC,CAAe,IAAIC,EAAS,EAAK,GAEhDC,IAAcC,EAAoB,IAAI,GAEtC;AAAA,IACF,OAAAC;AAAA,IACA,cAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHb,GAEEc,IAAiB,CACnB,GACAC,MACC;AACD,MAAE,gBAAA,GACFA,KAAA,QAAAA;AAAA,~~EAAW~~,~~GAGTC~~,IAA4B,CAAC,MAAkB;;AACjD,MAAE,gBAAA,IACFC,IAAAb,EAAY,YAAZ,QAAAa,EAAqB;AAAA,~~EAAmB~~;~~AAG5C~~,SACI,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWC;AAAA,QACP;AAAA,SACClB,KAAgBO,MAAW;AAAA,MAAA;AAAA,MAEhC,SAAAI;AAAA,MACC,GAAGC;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAK,EAAC,OAAA,EACG,UAAA;AAAA,UAAA,gBAAAE,EAAC,OAAA,EAAI,WAAU,mCAAmC,UAAAd,GAAM;AAAA,UACxD,gBAAAc,EAAC,OAAA,EAAI,WAAU,YAAY,UAAAb,EAAA,CAAa;AAAA,QAAA,GAC5C;AAAA,QACA,gBAAAa;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAWD;AAAA,cACP;AAAA,cACAlB,KACI;AAAA,YAAA;AAAA,YAGR,UAAA,gBAAAiB;AAAA,cAACG;AAAA,cAAA;AAAA,gBACG,KAAKjB;AAAA,gBACL,WAAU;AAAA,gBACV,aACI,gBAAAgB;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACG,WAAWD;AAAA,sBACP;AAAA,sBACAlB,KAAgB;AAAA,oBAAA;AAAA,oBAGpB,UAAA,gBAAAmB;AAAA,sBAACE;AAAA,sBAAA;AAAA,wBACG,WAAU;AAAA,wBACV,SAASN;AAAA,sBAAA;AAAA,oBAAA;AAAA,kBACb;AAAA,gBAAA;AAAA,gBAGR,QAAQ,CAACO,MAASrB,EAAgBqB,CAAI;AAAA,gBAEtC,UAAA;AAAA,kBAAA,gBAAAL;AAAA,oBAACG,EAAS;AAAA,oBAAT;AAAA,sBACG,UAAS;AAAA,sBACT,SAAS,CAAC,MAAMP,EAAe,GAAGL,CAAQ;AAAA,sBAE1C,UAAA;AAAA,wBAAA,gBAAAW,EAACI,GAAA,EAAS,WAAU,UAAA,CAAU;AAAA,wBAC9B,gBAAAJ,EAAC,UAAK,UAAA,SAAA,CAAM;AAAA,sBAAA;AAAA,oBAAA;AAAA,kBAAA;AAAA,kBAEhB,gBAAAF;AAAA,oBAACG,EAAS;AAAA,oBAAT;AAAA,sBACG,UAAS;AAAA,sBACT,SAAS,CAAC,MAAMP,EAAe,GAAGJ,CAAS;AAAA,sBAE3C,UAAA;AAAA,wBAAA,gBAAAU,EAACK,GAAA,EAAU,WAAU,UAAA,CAAU;AAAA,wBAC/B,gBAAAL,EAAC,UAAK,UAAA,UAAA,CAAO;AAAA,sBAAA;AAAA,oBAAA;AAAA,kBAAA;AAAA,kBAEjB,gBAAAF;AAAA,oBAACG,EAAS;AAAA,oBAAT;AAAA,sBACG,WAAU;AAAA,sBACV,UAAS;AAAA,sBACT,SAAS,CAAC,MAAMP,EAAe,GAAGH,CAAQ;AAAA,sBAE1C,UAAA;AAAA,wBAAA,gBAAAS,EAACM,GAAA,EAAQ,WAAU,qBAAA,CAAqB;AAAA,wBACxC,gBAAAN,EAAC,QAAA,EAAK,WAAU,cAAa,UAAA,UAAA,CAAO;AAAA,sBAAA;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBACxC;AAAA,cAAA;AAAA,YAAA;AAAA,UACJ;AAAA,QAAA;AAAA,MACJ;AAAA,IAAA;AAAA,EAAA;AAGZ;"}
1	+ {"version":3,"file":"ChatHistoryItem.js","sources":["../../../../../../../lib/@ecme/views/concepts/ai/Chat/components/ChatHistoryItem.tsx"],"sourcesContent":["import { useState, useRef } from 'react'\nimport Dropdown from '@/components/ui/Dropdown'\nimport classNames from 'classnames'\nimport { TbDots, TbArchive, TbPencil, TbTrash } from 'react-icons/tb'\nimport type { DropdownRef } from '@/components/ui/Dropdown'\n\nimport type { MouseEvent, SyntheticEvent } from 'react'\n\ntype ChatHistoryItemProps = {\n title: string\n conversation: string\n active?: boolean\n onDelete?: () => void\n onArchive?: () => void\n onRename?: () => void\n onClick?: () => void\n}\n\nconst ChatHistoryItem = (props: ChatHistoryItemProps) => {\n const [dropdownOpen, setDropdownOpen] = useState(false)\n\n const dropdownRef = useRef<DropdownRef>(null)\n\n const {\n title,\n conversation,\n active,\n onRename,\n onArchive,\n onDelete,\n onClick,\n ...rest\n } = props\n\n const handleCallback = (\n e: SyntheticEvent<Element, Event>,\n callback?: () => void,\n ) => {\n e.stopPropagation()\n callback?.()\n }\n\n const handleDropdownToggleClick = (e: MouseEvent) => {\n e.stopPropagation()\n dropdownRef.current?.handleDropdownOpen()\n }\n\n return (\n <div\n className={classNames(\n 'rounded-xl p-3 px-5 hover:bg-gray-100 dark:hover:bg-gray-700 cursor-pointer group relative',\n (dropdownOpen \|\| active) && 'bg-gray-100 dark:bg-gray-700',\n )}\n onClick={onClick}\n {...rest}\n >\n <div>\n <div className=\"heading-text font-bold truncate\">{title}</div>\n <div className=\"truncate\">{conversation}</div>\n </div>\n <div\n className={classNames(\n 'rounded-xl absolute bottom-0 top-0 to-transparent ltr:right-0 ltr:bg-gradient-to-l rtl:left-0 rtl:bg-gradient-to-r group-hover:from-gray-100 dark:group-hover:from-gray-700 w-8 from-0% group-hover:w-20 group-hover:from-60% flex items-center justify-end',\n dropdownOpen &&\n 'from-gray-100 dark:from-gray-700 w-20 from-60%',\n )}\n >\n <Dropdown\n ref={dropdownRef}\n placement=\"bottom-end\"\n renderTitle={\n <div\n className={classNames(\n 'p-2 opacity-0 group-hover:opacity-100',\n dropdownOpen && 'opacity-100',\n )}\n >\n <TbDots\n className=\"text-xl\"\n onClick={handleDropdownToggleClick}\n />\n </div>\n }\n onOpen={(bool) => setDropdownOpen(bool)}\n >\n <Dropdown.Item\n eventKey=\"rename\"\n onClick={(e) => handleCallback(e, onRename)}\n >\n <TbPencil className=\"text-xl\" />\n <span>Rename</span>\n </Dropdown.Item>\n <Dropdown.Item\n eventKey=\"rename\"\n onClick={(e) => handleCallback(e, onArchive)}\n >\n <TbArchive className=\"text-xl\" />\n <span>Archive</span>\n </Dropdown.Item>\n <Dropdown.Item\n className=\"text-error\"\n eventKey=\"rename\"\n onClick={(e) => handleCallback(e, onDelete)}\n >\n <TbTrash className=\"text-xl text-error\" />\n <span className=\"text-error\">Deleted</span>\n </Dropdown.Item>\n </Dropdown>\n </div>\n </div>\n )\n}\n\nexport default ChatHistoryItem\n"],"names":["ChatHistoryItem","props","dropdownOpen","setDropdownOpen","useState","dropdownRef","useRef","title","conversation","active","onRename","onArchive","onDelete","onClick","rest","handleCallback","callback","handleDropdownToggleClick","_a","jsxs","classNames","jsx","Dropdown","TbDots","bool","TbPencil","TbArchive","TbTrash"],"mappings":"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"}

package/dist/@ecme/views/concepts/ai/Chat/components/ChatHistoryRenameDialog.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ChatHistoryRenameDialog.js","sources":["../../../../../../../lib/@ecme/views/concepts/ai/Chat/components/ChatHistoryRenameDialog.tsx"],"sourcesContent":["import { useEffect } from 'react'\r\nimport Dialog from '@/components/ui/Dialog'\r\nimport { Form, FormItem } from '@/components/ui/Form'\r\nimport Input from '@/components/ui/Input'\r\nimport Button from '@/components/ui/Button'\r\nimport { usGenerativeChatStore } from '../store/generativeChatStore'\r\nimport { useForm, Controller } from 'react-hook-form'\r\nimport { zodResolver } from '@hookform/resolvers/zod'\r\nimport { z } from 'zod'\r\nimport type { ZodType } from 'zod'\r\n\r\ntype FormSchema = {\r\n title: string\r\n}\r\n\r\nconst validationSchema: ZodType<FormSchema> = z.object({\r\n title: z.string().min(1, 'Please do not leave chat title blank!'),\r\n})\r\n\r\nconst ChatHistoryRenameDialog = () => {\r\n const { renameDialog, setRenameDialog, setChatHistoryName } =\r\n usGenerativeChatStore()\r\n\r\n const {\r\n control,\r\n formState: { errors },\r\n handleSubmit,\r\n reset,\r\n } = useForm<FormSchema>({\r\n defaultValues: {\r\n title: renameDialog.title,\r\n },\r\n resolver: zodResolver(validationSchema),\r\n })\r\n\r\n useEffect(() => {\r\n if (renameDialog.open) {\r\n reset({\r\n title: renameDialog.title,\r\n })\r\n }\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [renameDialog.title, renameDialog.open])\r\n\r\n const handleDialogClose = () => {\r\n setRenameDialog({\r\n id: '',\r\n title: '',\r\n open: false,\r\n })\r\n }\r\n\r\n const onFormSubmit = async ({ title }: FormSchema) => {\r\n setChatHistoryName({\r\n id: renameDialog.id,\r\n title,\r\n })\r\n handleDialogClose()\r\n }\r\n\r\n return (\r\n <Dialog\r\n isOpen={renameDialog.open}\r\n onClose={handleDialogClose}\r\n onRequestClose={handleDialogClose}\r\n >\r\n <h5>Rename chat</h5>\r\n <div className=\"mt-8\">\r\n <Form onSubmit={handleSubmit(onFormSubmit)}>\r\n <FormItem\r\n label=\"Chat title\"\r\n invalid={Boolean(errors.title)}\r\n errorMessage={errors.title?.message}\r\n >\r\n <Controller\r\n name=\"title\"\r\n control={control}\r\n rules={{ required: true }}\r\n render={({ field }) => (\r\n <Input\r\n placeholder=\"Rename chat\"\r\n type=\"text\"\r\n autoComplete=\"off\"\r\n {...field}\r\n />\r\n )}\r\n />\r\n </FormItem>\r\n <div className=\"flex justify-end gap-2\">\r\n <Button type=\"button\" onClick={handleDialogClose}>\r\n Cancel\r\n </Button>\r\n <Button variant=\"solid\" type=\"submit\">\r\n Rename\r\n </Button>\r\n </div>\r\n </Form>\r\n </div>\r\n </Dialog>\r\n )\r\n}\r\n\r\nexport default ChatHistoryRenameDialog\r\n"],"names":["validationSchema","z","ChatHistoryRenameDialog","renameDialog","setRenameDialog","setChatHistoryName","usGenerativeChatStore","control","errors","handleSubmit","reset","useForm","zodResolver","useEffect","handleDialogClose","onFormSubmit","title","jsxs","Dialog","jsx","Form","FormItem","_a","Controller","field","Input","Button"],"mappings":";;;;;;;;;;;;;;;AAeA,MAAMA,IAAwCC,EAAE,OAAO;AAAA,EACnD,OAAOA,EAAE,OAAA,EAAS,IAAI,GAAG,uCAAuC;AACpE,CAAC,GAEKC,IAA0B,MAAM;;AAClC,QAAM,EAAE,cAAAC,GAAc,iBAAAC,GAAiB,oBAAAC,EAAA,IACnCC,EAAA,GAEE;AAAA,IACF,SAAAC;AAAA,IACA,WAAW,EAAE,QAAAC,EAAA;AAAA,IACb,cAAAC;AAAA,IACA,OAAAC;AAAA,EAAA,IACAC,EAAoB;AAAA,IACpB,eAAe;AAAA,MACX,OAAOR,EAAa;AAAA,IAAA;AAAA,IAExB,UAAUS,EAAYZ,CAAgB;AAAA,EAAA,CACzC;AAED,EAAAa,EAAU,MAAM;AACZ,IAAIV,EAAa,QACbO,EAAM;AAAA,MACF,OAAOP,EAAa;AAAA,IAAA,CACvB;AAAA,~~EACL~~,~~GAED~~,CAACA,EAAa,OAAOA,EAAa,IAAI,CAAC;AAE1C,QAAMW,IAAoB,MAAM;AAC5B,IAAAV,EAAgB;AAAA,MACZ,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,MAAM;AAAA,IAAA,CACT;AAAA,~~EAAA~~,~~GAGCW~~,IAAe,OAAO,EAAE,OAAAC,QAAwB;AAClD,IAAAX,EAAmB;AAAA,MACf,IAAIF,EAAa;AAAA,MACjB,OAAAa;AAAA,IAAA,CACH,GACDF,EAAA;AAAA,~~EAAkB~~;~~AAGtB~~,SACI,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,QAAQf,EAAa;AAAA,MACrB,SAASW;AAAA,MACT,gBAAgBA;AAAA,MAEhB,UAAA;AAAA,QAAA,gBAAAK,EAAC,QAAG,UAAA,cAAA,CAAW;AAAA,QACf,gBAAAA,EAAC,SAAI,WAAU,QACX,4BAACC,GAAA,EAAK,UAAUX,EAAaM,CAAY,GACrC,UAAA;AAAA,UAAA,gBAAAI;AAAA,YAACE;AAAA,YAAA;AAAA,cACG,OAAM;AAAA,cACN,SAAS,EAAQb,EAAO;AAAA,cACxB,eAAcc,IAAAd,EAAO,UAAP,gBAAAc,EAAc;AAAA,cAE5B,UAAA,gBAAAH;AAAA,gBAACI;AAAA,gBAAA;AAAA,kBACG,MAAK;AAAA,kBACL,SAAAhB;AAAA,kBACA,OAAO,EAAE,UAAU,GAAA;AAAA,kBACnB,QAAQ,CAAC,EAAE,OAAAiB,EAAA,MACP,gBAAAL;AAAA,oBAACM;AAAA,oBAAA;AAAA,sBACG,aAAY;AAAA,sBACZ,MAAK;AAAA,sBACL,cAAa;AAAA,sBACZ,GAAGD;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBACR;AAAA,cAAA;AAAA,YAER;AAAA,UAAA;AAAA,UAEJ,gBAAAP,EAAC,OAAA,EAAI,WAAU,0BACX,UAAA;AAAA,YAAA,gBAAAE,EAACO,GAAA,EAAO,MAAK,UAAS,SAASZ,GAAmB,UAAA,UAElD;AAAA,8BACCY,GAAA,EAAO,SAAQ,SAAQ,MAAK,UAAS,UAAA,SAAA,CAEtC;AAAA,UAAA,EAAA,CACJ;AAAA,QAAA,EAAA,CACJ,EAAA,CACJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGZ;"}
1	+ {"version":3,"file":"ChatHistoryRenameDialog.js","sources":["../../../../../../../lib/@ecme/views/concepts/ai/Chat/components/ChatHistoryRenameDialog.tsx"],"sourcesContent":["import { useEffect } from 'react'\nimport Dialog from '@/components/ui/Dialog'\nimport { Form, FormItem } from '@/components/ui/Form'\nimport Input from '@/components/ui/Input'\nimport Button from '@/components/ui/Button'\nimport { usGenerativeChatStore } from '../store/generativeChatStore'\nimport { useForm, Controller } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { z } from 'zod'\nimport type { ZodType } from 'zod'\n\ntype FormSchema = {\n title: string\n}\n\nconst validationSchema: ZodType<FormSchema> = z.object({\n title: z.string().min(1, 'Please do not leave chat title blank!'),\n})\n\nconst ChatHistoryRenameDialog = () => {\n const { renameDialog, setRenameDialog, setChatHistoryName } =\n usGenerativeChatStore()\n\n const {\n control,\n formState: { errors },\n handleSubmit,\n reset,\n } = useForm<FormSchema>({\n defaultValues: {\n title: renameDialog.title,\n },\n resolver: zodResolver(validationSchema),\n })\n\n useEffect(() => {\n if (renameDialog.open) {\n reset({\n title: renameDialog.title,\n })\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [renameDialog.title, renameDialog.open])\n\n const handleDialogClose = () => {\n setRenameDialog({\n id: '',\n title: '',\n open: false,\n })\n }\n\n const onFormSubmit = async ({ title }: FormSchema) => {\n setChatHistoryName({\n id: renameDialog.id,\n title,\n })\n handleDialogClose()\n }\n\n return (\n <Dialog\n isOpen={renameDialog.open}\n onClose={handleDialogClose}\n onRequestClose={handleDialogClose}\n >\n <h5>Rename chat</h5>\n <div className=\"mt-8\">\n <Form onSubmit={handleSubmit(onFormSubmit)}>\n <FormItem\n label=\"Chat title\"\n invalid={Boolean(errors.title)}\n errorMessage={errors.title?.message}\n >\n <Controller\n name=\"title\"\n control={control}\n rules={{ required: true }}\n render={({ field }) => (\n <Input\n placeholder=\"Rename chat\"\n type=\"text\"\n autoComplete=\"off\"\n {...field}\n />\n )}\n />\n </FormItem>\n <div className=\"flex justify-end gap-2\">\n <Button type=\"button\" onClick={handleDialogClose}>\n Cancel\n </Button>\n <Button variant=\"solid\" type=\"submit\">\n Rename\n </Button>\n </div>\n </Form>\n </div>\n </Dialog>\n )\n}\n\nexport default ChatHistoryRenameDialog\n"],"names":["validationSchema","z","ChatHistoryRenameDialog","renameDialog","setRenameDialog","setChatHistoryName","usGenerativeChatStore","control","errors","handleSubmit","reset","useForm","zodResolver","useEffect","handleDialogClose","onFormSubmit","title","jsxs","Dialog","jsx","Form","FormItem","_a","Controller","field","Input","Button"],"mappings":";;;;;;;;;;;;;;;AAeA,MAAMA,IAAwCC,EAAE,OAAO;AAAA,EACnD,OAAOA,EAAE,OAAA,EAAS,IAAI,GAAG,uCAAuC;AACpE,CAAC,GAEKC,IAA0B,MAAM;;AAClC,QAAM,EAAE,cAAAC,GAAc,iBAAAC,GAAiB,oBAAAC,EAAA,IACnCC,EAAA,GAEE;AAAA,IACF,SAAAC;AAAA,IACA,WAAW,EAAE,QAAAC,EAAA;AAAA,IACb,cAAAC;AAAA,IACA,OAAAC;AAAA,EAAA,IACAC,EAAoB;AAAA,IACpB,eAAe;AAAA,MACX,OAAOR,EAAa;AAAA,IAAA;AAAA,IAExB,UAAUS,EAAYZ,CAAgB;AAAA,EAAA,CACzC;AAED,EAAAa,EAAU,MAAM;AACZ,IAAIV,EAAa,QACbO,EAAM;AAAA,MACF,OAAOP,EAAa;AAAA,IAAA,CACvB;AAAA,EAGT,GAAG,CAACA,EAAa,OAAOA,EAAa,IAAI,CAAC;AAE1C,QAAMW,IAAoB,MAAM;AAC5B,IAAAV,EAAgB;AAAA,MACZ,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,MAAM;AAAA,IAAA,CACT;AAAA,EACL,GAEMW,IAAe,OAAO,EAAE,OAAAC,QAAwB;AAClD,IAAAX,EAAmB;AAAA,MACf,IAAIF,EAAa;AAAA,MACjB,OAAAa;AAAA,IAAA,CACH,GACDF,EAAA;AAAA,EACJ;AAEA,SACI,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,QAAQf,EAAa;AAAA,MACrB,SAASW;AAAA,MACT,gBAAgBA;AAAA,MAEhB,UAAA;AAAA,QAAA,gBAAAK,EAAC,QAAG,UAAA,cAAA,CAAW;AAAA,QACf,gBAAAA,EAAC,SAAI,WAAU,QACX,4BAACC,GAAA,EAAK,UAAUX,EAAaM,CAAY,GACrC,UAAA;AAAA,UAAA,gBAAAI;AAAA,YAACE;AAAA,YAAA;AAAA,cACG,OAAM;AAAA,cACN,SAAS,EAAQb,EAAO;AAAA,cACxB,eAAcc,IAAAd,EAAO,UAAP,gBAAAc,EAAc;AAAA,cAE5B,UAAA,gBAAAH;AAAA,gBAACI;AAAA,gBAAA;AAAA,kBACG,MAAK;AAAA,kBACL,SAAAhB;AAAA,kBACA,OAAO,EAAE,UAAU,GAAA;AAAA,kBACnB,QAAQ,CAAC,EAAE,OAAAiB,EAAA,MACP,gBAAAL;AAAA,oBAACM;AAAA,oBAAA;AAAA,sBACG,aAAY;AAAA,sBACZ,MAAK;AAAA,sBACL,cAAa;AAAA,sBACZ,GAAGD;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBACR;AAAA,cAAA;AAAA,YAER;AAAA,UAAA;AAAA,UAEJ,gBAAAP,EAAC,OAAA,EAAI,WAAU,0BACX,UAAA;AAAA,YAAA,gBAAAE,EAACO,GAAA,EAAO,MAAK,UAAS,SAASZ,GAAmB,UAAA,UAElD;AAAA,8BACCY,GAAA,EAAO,SAAQ,SAAQ,MAAK,UAAS,UAAA,SAAA,CAEtC;AAAA,UAAA,EAAA,CACJ;AAAA,QAAA,EAAA,CACJ,EAAA,CACJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGZ;"}

package/dist/@ecme/views/concepts/ai/Chat/components/ChatLandingView.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ChatLandingView.js","sources":["../../../../../../../lib/@ecme/views/concepts/ai/Chat/components/ChatLandingView.tsx"],"sourcesContent":["import useChatSend from '../hooks/useChatSend'\r\nimport {\r\n PiLightbulbDuotone,\r\n PiBookOpenTextDuotone,\r\n PiCompassDuotone,\r\n PiCodeDuotone,\r\n} from 'react-icons/pi'\r\nimport type { ReactNode } from 'react'\r\n\r\ntype PromptType = 'idea' \| 'guide' \| 'writing' \| 'coding'\r\n\r\nconst suggeustionIcon: Record<PromptType, ReactNode> = {\r\n idea: <PiLightbulbDuotone className=\"text-blue-500\" />,\r\n guide: <PiCompassDuotone className=\"text-emerald-500\" />,\r\n writing: <PiBookOpenTextDuotone className=\"text-amber-500\" />,\r\n coding: <PiCodeDuotone className=\"text-indigo-500\" />,\r\n}\r\n\r\nconst promptSuggestion: {\r\n title: string\r\n prompt: string\r\n type: PromptType\r\n}[] = [\r\n {\r\n title: 'Help me sound like an expert for an upcoming trip',\r\n prompt: `I'm going whale watching this weekend and want to appear knowledgeable about killer whales. Tell me a few unique and interesting facts I can share.`,\r\n type: 'guide',\r\n },\r\n {\r\n title: 'Outline an logical sales pitch for a new product',\r\n prompt: `Structure a sales pitch for a hair dryer that's also a microphone. Be concise and organize the sales pitch logically. `,\r\n type: 'writing',\r\n },\r\n {\r\n title: 'Help me get organized with a list of 10 tips',\r\n prompt: `Give me 10 tips for room organization. `,\r\n type: 'idea',\r\n },\r\n {\r\n title: 'Write code for a specific task, including edge cases',\r\n prompt: `Write a Java function that takes a path as an input and creates a file storing the current system date. Consider edge cases.`,\r\n type: 'coding',\r\n },\r\n]\r\n\r\nconst ChatLandingView = () => {\r\n const { handleSend } = useChatSend()\r\n\r\n return (\r\n <div className=\"max-w-[900px] w-full mx-auto mt-20\">\r\n <div>\r\n <div className=\"heading-text text-4xl leading-snug\">\r\n <span className=\"font-semibold bg-gradient-to-r from-indigo-500 to-red-400 bg-clip-text text-transparent text-5xl\">\r\n Hello, there\r\n </span>\r\n <br />\r\n <span>How can I help you today?</span>\r\n </div>\r\n <div className=\"mt-8 grid grid-cols-2 xl:grid-cols-4 gap-4\">\r\n {promptSuggestion.map((suggestion) => (\r\n <div\r\n key={suggestion.title}\r\n className=\"flex flex-col gap-4 justify-between rounded-xl bg-gray-100 dark:bg-gray-700 hover:bg-gray-200 dark:hover:bg-gray-600 p-5 min-h-40 2xl:min-h-60 cursor-pointer\"\r\n role=\"button\"\r\n onClick={() => handleSend(suggestion.title)}\r\n >\r\n <h6 className=\"font-normal\">{suggestion.title}</h6>\r\n <div>\r\n <div className=\"bg-white dark:bg-gray-800 rounded-full p-2 inline-flex\">\r\n <span className=\"text-2xl\">\r\n {suggeustionIcon[suggestion.type]}\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n ))}\r\n </div>\r\n </div>\r\n </div>\r\n )\r\n}\r\n\r\nexport default ChatLandingView\r\n"],"names":["suggeustionIcon","jsx","PiLightbulbDuotone","PiCompassDuotone","PiBookOpenTextDuotone","PiCodeDuotone","promptSuggestion","ChatLandingView","handleSend","useChatSend","jsxs","suggestion"],"mappings":";;;AAWA,MAAMA,IAAiD;AAAA,EACnD,MAAM,gBAAAC,EAACC,GAAA,EAAmB,WAAU,gBAAA,CAAgB;AAAA,EACpD,OAAO,gBAAAD,EAACE,GAAA,EAAiB,WAAU,mBAAA,CAAmB;AAAA,EACtD,SAAS,gBAAAF,EAACG,GAAA,EAAsB,WAAU,iBAAA,CAAiB;AAAA,EAC3D,QAAQ,gBAAAH,EAACI,GAAA,EAAc,WAAU,kBAAA,CAAkB;AACvD,GAEMC,IAIA;AAAA,EACF;AAAA,IACI,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,MAAM;AAAA,EAAA;AAAA,EAEV;AAAA,IACI,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,MAAM;AAAA,EAAA;AAAA,EAEV;AAAA,IACI,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,MAAM;AAAA,EAAA;AAAA,EAEV;AAAA,IACI,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,MAAM;AAAA,EAAA;AAEd,GAEMC,IAAkB,MAAM;AAC1B,QAAM,EAAE,YAAAC,EAAA,IAAeC,EAAA;AAEvB,SACI,gBAAAR,EAAC,OAAA,EAAI,WAAU,sCACX,4BAAC,OAAA,EACG,UAAA;AAAA,IAAA,gBAAAS,EAAC,OAAA,EAAI,WAAU,sCACX,UAAA;AAAA,MAAA,gBAAAT,EAAC,QAAA,EAAK,WAAU,oGAAmG,UAAA,gBAEnH;AAAA,wBACC,MAAA,EAAG;AAAA,MACJ,gBAAAA,EAAC,UAAK,UAAA,4BAAA,CAAyB;AAAA,IAAA,GACnC;AAAA,sBACC,OAAA,EAAI,WAAU,8CACV,UAAAK,EAAiB,IAAI,CAACK,MACnB,gBAAAD;AAAA,MAAC;AAAA,MAAA;AAAA,QAEG,WAAU;AAAA,QACV,MAAK;AAAA,QACL,SAAS,MAAMF,EAAWG,EAAW,KAAK;AAAA,QAE1C,UAAA;AAAA,UAAA,gBAAAV,EAAC,MAAA,EAAG,WAAU,eAAe,UAAAU,EAAW,OAAM;AAAA,UAC9C,gBAAAV,EAAC,OAAA,EACG,UAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,0DACX,UAAA,gBAAAA,EAAC,QAAA,EAAK,WAAU,YACX,UAAAD,EAAgBW,EAAW,IAAI,GACpC,GACJ,EAAA,CACJ;AAAA,QAAA;AAAA,MAAA;AAAA,MAZKA,EAAW;AAAA,IAAA,CAcvB,EAAA,CACL;AAAA,EAAA,EAAA,CACJ,EAAA,CACJ;AAER;"}
1	+ {"version":3,"file":"ChatLandingView.js","sources":["../../../../../../../lib/@ecme/views/concepts/ai/Chat/components/ChatLandingView.tsx"],"sourcesContent":["import useChatSend from '../hooks/useChatSend'\nimport {\n PiLightbulbDuotone,\n PiBookOpenTextDuotone,\n PiCompassDuotone,\n PiCodeDuotone,\n} from 'react-icons/pi'\nimport type { ReactNode } from 'react'\n\ntype PromptType = 'idea' \| 'guide' \| 'writing' \| 'coding'\n\nconst suggeustionIcon: Record<PromptType, ReactNode> = {\n idea: <PiLightbulbDuotone className=\"text-blue-500\" />,\n guide: <PiCompassDuotone className=\"text-emerald-500\" />,\n writing: <PiBookOpenTextDuotone className=\"text-amber-500\" />,\n coding: <PiCodeDuotone className=\"text-indigo-500\" />,\n}\n\nconst promptSuggestion: {\n title: string\n prompt: string\n type: PromptType\n}[] = [\n {\n title: 'Help me sound like an expert for an upcoming trip',\n prompt: `I'm going whale watching this weekend and want to appear knowledgeable about killer whales. Tell me a few unique and interesting facts I can share.`,\n type: 'guide',\n },\n {\n title: 'Outline an logical sales pitch for a new product',\n prompt: `Structure a sales pitch for a hair dryer that's also a microphone. Be concise and organize the sales pitch logically. `,\n type: 'writing',\n },\n {\n title: 'Help me get organized with a list of 10 tips',\n prompt: `Give me 10 tips for room organization. `,\n type: 'idea',\n },\n {\n title: 'Write code for a specific task, including edge cases',\n prompt: `Write a Java function that takes a path as an input and creates a file storing the current system date. Consider edge cases.`,\n type: 'coding',\n },\n]\n\nconst ChatLandingView = () => {\n const { handleSend } = useChatSend()\n\n return (\n <div className=\"max-w-[900px] w-full mx-auto mt-20\">\n <div>\n <div className=\"heading-text text-4xl leading-snug\">\n <span className=\"font-semibold bg-gradient-to-r from-indigo-500 to-red-400 bg-clip-text text-transparent text-5xl\">\n Hello, there\n </span>\n <br />\n <span>How can I help you today?</span>\n </div>\n <div className=\"mt-8 grid grid-cols-2 xl:grid-cols-4 gap-4\">\n {promptSuggestion.map((suggestion) => (\n <div\n key={suggestion.title}\n className=\"flex flex-col gap-4 justify-between rounded-xl bg-gray-100 dark:bg-gray-700 hover:bg-gray-200 dark:hover:bg-gray-600 p-5 min-h-40 2xl:min-h-60 cursor-pointer\"\n role=\"button\"\n onClick={() => handleSend(suggestion.title)}\n >\n <h6 className=\"font-normal\">{suggestion.title}</h6>\n <div>\n <div className=\"bg-white dark:bg-gray-800 rounded-full p-2 inline-flex\">\n <span className=\"text-2xl\">\n {suggeustionIcon[suggestion.type]}\n </span>\n </div>\n </div>\n </div>\n ))}\n </div>\n </div>\n </div>\n )\n}\n\nexport default ChatLandingView\n"],"names":["suggeustionIcon","jsx","PiLightbulbDuotone","PiCompassDuotone","PiBookOpenTextDuotone","PiCodeDuotone","promptSuggestion","ChatLandingView","handleSend","useChatSend","jsxs","suggestion"],"mappings":";;;AAWA,MAAMA,IAAiD;AAAA,EACnD,MAAM,gBAAAC,EAACC,GAAA,EAAmB,WAAU,gBAAA,CAAgB;AAAA,EACpD,OAAO,gBAAAD,EAACE,GAAA,EAAiB,WAAU,mBAAA,CAAmB;AAAA,EACtD,SAAS,gBAAAF,EAACG,GAAA,EAAsB,WAAU,iBAAA,CAAiB;AAAA,EAC3D,QAAQ,gBAAAH,EAACI,GAAA,EAAc,WAAU,kBAAA,CAAkB;AACvD,GAEMC,IAIA;AAAA,EACF;AAAA,IACI,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,MAAM;AAAA,EAAA;AAAA,EAEV;AAAA,IACI,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,MAAM;AAAA,EAAA;AAAA,EAEV;AAAA,IACI,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,MAAM;AAAA,EAAA;AAAA,EAEV;AAAA,IACI,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,MAAM;AAAA,EAAA;AAEd,GAEMC,IAAkB,MAAM;AAC1B,QAAM,EAAE,YAAAC,EAAA,IAAeC,EAAA;AAEvB,SACI,gBAAAR,EAAC,OAAA,EAAI,WAAU,sCACX,4BAAC,OAAA,EACG,UAAA;AAAA,IAAA,gBAAAS,EAAC,OAAA,EAAI,WAAU,sCACX,UAAA;AAAA,MAAA,gBAAAT,EAAC,QAAA,EAAK,WAAU,oGAAmG,UAAA,gBAEnH;AAAA,wBACC,MAAA,EAAG;AAAA,MACJ,gBAAAA,EAAC,UAAK,UAAA,4BAAA,CAAyB;AAAA,IAAA,GACnC;AAAA,sBACC,OAAA,EAAI,WAAU,8CACV,UAAAK,EAAiB,IAAI,CAACK,MACnB,gBAAAD;AAAA,MAAC;AAAA,MAAA;AAAA,QAEG,WAAU;AAAA,QACV,MAAK;AAAA,QACL,SAAS,MAAMF,EAAWG,EAAW,KAAK;AAAA,QAE1C,UAAA;AAAA,UAAA,gBAAAV,EAAC,MAAA,EAAG,WAAU,eAAe,UAAAU,EAAW,OAAM;AAAA,UAC9C,gBAAAV,EAAC,OAAA,EACG,UAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,0DACX,UAAA,gBAAAA,EAAC,QAAA,EAAK,WAAU,YACX,UAAAD,EAAgBW,EAAW,IAAI,GACpC,GACJ,EAAA,CACJ;AAAA,QAAA;AAAA,MAAA;AAAA,MAZKA,EAAW;AAAA,IAAA,CAcvB,EAAA,CACL;AAAA,EAAA,EAAA,CACJ,EAAA,CACJ;AAER;"}

package/dist/@ecme/views/concepts/ai/Chat/components/ChatMobileNav.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ChatMobileNav.js","sources":["../../../../../../../lib/@ecme/views/concepts/ai/Chat/components/ChatMobileNav.tsx"],"sourcesContent":["import { useRef } from 'react'\r\nimport ToggleDrawer from '@/components/shared/ToggleDrawer'\r\nimport ChatSideNav from './ChatSideNav'\r\nimport useResponsive from '@/utils/hooks/useResponsive'\r\nimport type { ToggleDrawerRef } from '@/components/shared/ToggleDrawer'\r\n\r\nconst ChatMobileNav = () => {\r\n const drawerRef = useRef<ToggleDrawerRef>(null)\r\n\r\n const { smaller } = useResponsive()\r\n\r\n return (\r\n <>\r\n {smaller.xl && (\r\n <ToggleDrawer ref={drawerRef} bodyClass=\"p-0\" closable={false}>\r\n <ChatSideNav\r\n className=\"border-0\"\r\n bodyClass=\"p-0\"\r\n onClick={() => drawerRef.current?.handleCloseDrawer()}\r\n />\r\n </ToggleDrawer>\r\n )}\r\n </>\r\n )\r\n}\r\n\r\nexport default ChatMobileNav\r\n"],"names":["ChatMobileNav","drawerRef","useRef","smaller","useResponsive","jsx","Fragment","ToggleDrawer","ChatSideNav","_a"],"mappings":";;;;;AAMA,MAAMA,IAAgB,MAAM;AACxB,QAAMC,IAAYC,EAAwB,IAAI,GAExC,EAAE,SAAAC,EAAA,IAAYC,EAAA;AAEpB,SACI,gBAAAC,EAAAC,GAAA,EACK,UAAAH,EAAQ,MACL,gBAAAE,EAACE,GAAA,EAAa,KAAKN,GAAW,WAAU,OAAM,UAAU,IACpD,UAAA,gBAAAI;AAAA,IAACG;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,WAAU;AAAA,MACV,SAAS,MAAA;;AAAM,gBAAAC,IAAAR,EAAU,YAAV,gBAAAQ,EAAmB;AAAA;AAAA,IAAkB;AAAA,EAAA,GAE5D,EAAA,CAER;AAER;"}
1	+ {"version":3,"file":"ChatMobileNav.js","sources":["../../../../../../../lib/@ecme/views/concepts/ai/Chat/components/ChatMobileNav.tsx"],"sourcesContent":["import { useRef } from 'react'\nimport ToggleDrawer from '@/components/shared/ToggleDrawer'\nimport ChatSideNav from './ChatSideNav'\nimport useResponsive from '@/utils/hooks/useResponsive'\nimport type { ToggleDrawerRef } from '@/components/shared/ToggleDrawer'\n\nconst ChatMobileNav = () => {\n const drawerRef = useRef<ToggleDrawerRef>(null)\n\n const { smaller } = useResponsive()\n\n return (\n <>\n {smaller.xl && (\n <ToggleDrawer ref={drawerRef} bodyClass=\"p-0\" closable={false}>\n <ChatSideNav\n className=\"border-0\"\n bodyClass=\"p-0\"\n onClick={() => drawerRef.current?.handleCloseDrawer()}\n />\n </ToggleDrawer>\n )}\n </>\n )\n}\n\nexport default ChatMobileNav\n"],"names":["ChatMobileNav","drawerRef","useRef","smaller","useResponsive","jsx","Fragment","ToggleDrawer","ChatSideNav","_a"],"mappings":";;;;;AAMA,MAAMA,IAAgB,MAAM;AACxB,QAAMC,IAAYC,EAAwB,IAAI,GAExC,EAAE,SAAAC,EAAA,IAAYC,EAAA;AAEpB,SACI,gBAAAC,EAAAC,GAAA,EACK,UAAAH,EAAQ,MACL,gBAAAE,EAACE,GAAA,EAAa,KAAKN,GAAW,WAAU,OAAM,UAAU,IACpD,UAAA,gBAAAI;AAAA,IAACG;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,WAAU;AAAA,MACV,SAAS,MAAA;;AAAM,gBAAAC,IAAAR,EAAU,YAAV,gBAAAQ,EAAmB;AAAA;AAAA,IAAkB;AAAA,EAAA,GAE5D,EAAA,CAER;AAER;"}

package/dist/@ecme/views/concepts/ai/Chat/components/ChatSideNav.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ChatSideNav.js","sources":["../../../../../../../lib/@ecme/views/concepts/ai/Chat/components/ChatSideNav.tsx"],"sourcesContent":["import { useState } from 'react'\r\nimport Card from '@/components/ui/Card'\r\nimport Button from '@/components/ui/Button'\r\nimport ChatHistory from './ChatHistory'\r\nimport { usGenerativeChatStore } from '../store/generativeChatStore'\r\nimport useDebounce from '@/utils/hooks/useDebounce'\r\nimport classNames from '@/utils/classNames'\r\nimport { TbSearch } from 'react-icons/tb'\r\nimport type { ChangeEvent } from 'react'\r\nimport type { CardProps } from '@/components/ui/Card'\r\n\r\ntype ChatSideNavProps = Pick<CardProps, 'className' \| 'bodyClass'> & {\r\n onClick?: () => void\r\n}\r\n\r\nconst ChatSideNav = ({ className, bodyClass, onClick }: ChatSideNavProps) => {\r\n const [queryText, setQueryText] = useState('')\r\n\r\n const { setSelectedConversation } = usGenerativeChatStore()\r\n\r\n function handleDebounceFn(e: ChangeEvent<HTMLInputElement>) {\r\n setQueryText?.(e.target.value)\r\n }\r\n\r\n const debounceFn = useDebounce(handleDebounceFn, 500)\r\n\r\n const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\r\n debounceFn(e)\r\n }\r\n\r\n const handleNewChat = () => {\r\n setSelectedConversation('')\r\n onClick?.()\r\n }\r\n\r\n return (\r\n <Card\r\n header={{\r\n content: (\r\n <div className=\"flex items-center gap-2 px-5 w-full h-[60px]\">\r\n <TbSearch className=\"text-xl\" />\r\n <input\r\n className=\"flex-1 h-full placeholder:text-gray-400 placeholder:text-base bg-transparent focus:outline-none heading-text\"\r\n placeholder=\"Search chat\"\r\n onChange={handleInputChange}\r\n />\r\n </div>\r\n ),\r\n className: 'p-0',\r\n }}\r\n className={classNames('flex-1 xl:max-w-[320px] h-full', className)}\r\n bodyClass={classNames('h-[calc(100%-60px-80px)] p-0', bodyClass)}\r\n >\r\n <ChatHistory queryText={queryText} onClick={onClick} />\r\n <div className=\"px-5 py-2\">\r\n <Button block variant=\"solid\" onClick={handleNewChat}>\r\n New chat\r\n </Button>\r\n </div>\r\n </Card>\r\n )\r\n}\r\n\r\nexport default ChatSideNav\r\n"],"names":["ChatSideNav","className","bodyClass","onClick","queryText","setQueryText","useState","setSelectedConversation","usGenerativeChatStore","handleDebounceFn","e","debounceFn","useDebounce","handleInputChange","handleNewChat","jsxs","Card","jsx","TbSearch","classNames","ChatHistory","Button"],"mappings":";;;;;;;;;;;AAeA,MAAMA,IAAc,CAAC,EAAE,WAAAC,GAAW,WAAAC,GAAW,SAAAC,QAAgC;AACzE,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAE,GAEvC,EAAE,yBAAAC,EAAA,IAA4BC,EAAA;AAEpC,WAASC,EAAiBC,GAAkC;AACxD,IAAAL,KAAA,QAAAA,EAAeK,EAAE,OAAO;AAAA,~~EAAK~~;~~AAGjC~~,QAAMC,IAAaC,EAAYH,GAAkB,GAAG,GAE9CI,IAAoB,CAACH,MAAqC;AAC5D,IAAAC,EAAWD,CAAC;AAAA,~~EAAA~~,~~GAGVI~~,IAAgB,MAAM;AACxB,IAAAP,EAAwB,EAAE,GAC1BJ,KAAA,QAAAA;AAAA,~~EAAU~~;~~AAGd~~,SACI,gBAAAY;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,QAAQ;AAAA,QACJ,SACI,gBAAAD,EAAC,OAAA,EAAI,WAAU,gDACX,UAAA;AAAA,UAAA,gBAAAE,EAACC,GAAA,EAAS,WAAU,UAAA,CAAU;AAAA,UAC9B,gBAAAD;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,WAAU;AAAA,cACV,aAAY;AAAA,cACZ,UAAUJ;AAAA,YAAA;AAAA,UAAA;AAAA,QACd,GACJ;AAAA,QAEJ,WAAW;AAAA,MAAA;AAAA,MAEf,WAAWM,EAAW,kCAAkClB,CAAS;AAAA,MACjE,WAAWkB,EAAW,gCAAgCjB,CAAS;AAAA,MAE/D,UAAA;AAAA,QAAA,gBAAAe,EAACG,GAAA,EAAY,WAAAhB,GAAsB,SAAAD,EAAA,CAAkB;AAAA,QACrD,gBAAAc,EAAC,OAAA,EAAI,WAAU,aACX,UAAA,gBAAAA,EAACI,GAAA,EAAO,OAAK,IAAC,SAAQ,SAAQ,SAASP,GAAe,sBAEtD,EAAA,CACJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGZ;"}
1	+ {"version":3,"file":"ChatSideNav.js","sources":["../../../../../../../lib/@ecme/views/concepts/ai/Chat/components/ChatSideNav.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Card from '@/components/ui/Card'\nimport Button from '@/components/ui/Button'\nimport ChatHistory from './ChatHistory'\nimport { usGenerativeChatStore } from '../store/generativeChatStore'\nimport useDebounce from '@/utils/hooks/useDebounce'\nimport classNames from '@/utils/classNames'\nimport { TbSearch } from 'react-icons/tb'\nimport type { ChangeEvent } from 'react'\nimport type { CardProps } from '@/components/ui/Card'\n\ntype ChatSideNavProps = Pick<CardProps, 'className' \| 'bodyClass'> & {\n onClick?: () => void\n}\n\nconst ChatSideNav = ({ className, bodyClass, onClick }: ChatSideNavProps) => {\n const [queryText, setQueryText] = useState('')\n\n const { setSelectedConversation } = usGenerativeChatStore()\n\n function handleDebounceFn(e: ChangeEvent<HTMLInputElement>) {\n setQueryText?.(e.target.value)\n }\n\n const debounceFn = useDebounce(handleDebounceFn, 500)\n\n const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\n debounceFn(e)\n }\n\n const handleNewChat = () => {\n setSelectedConversation('')\n onClick?.()\n }\n\n return (\n <Card\n header={{\n content: (\n <div className=\"flex items-center gap-2 px-5 w-full h-[60px]\">\n <TbSearch className=\"text-xl\" />\n <input\n className=\"flex-1 h-full placeholder:text-gray-400 placeholder:text-base bg-transparent focus:outline-none heading-text\"\n placeholder=\"Search chat\"\n onChange={handleInputChange}\n />\n </div>\n ),\n className: 'p-0',\n }}\n className={classNames('flex-1 xl:max-w-[320px] h-full', className)}\n bodyClass={classNames('h-[calc(100%-60px-80px)] p-0', bodyClass)}\n >\n <ChatHistory queryText={queryText} onClick={onClick} />\n <div className=\"px-5 py-2\">\n <Button block variant=\"solid\" onClick={handleNewChat}>\n New chat\n </Button>\n </div>\n </Card>\n )\n}\n\nexport default ChatSideNav\n"],"names":["ChatSideNav","className","bodyClass","onClick","queryText","setQueryText","useState","setSelectedConversation","usGenerativeChatStore","handleDebounceFn","e","debounceFn","useDebounce","handleInputChange","handleNewChat","jsxs","Card","jsx","TbSearch","classNames","ChatHistory","Button"],"mappings":";;;;;;;;;;;AAeA,MAAMA,IAAc,CAAC,EAAE,WAAAC,GAAW,WAAAC,GAAW,SAAAC,QAAgC;AACzE,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAE,GAEvC,EAAE,yBAAAC,EAAA,IAA4BC,EAAA;AAEpC,WAASC,EAAiBC,GAAkC;AACxD,IAAAL,KAAA,QAAAA,EAAeK,EAAE,OAAO;AAAA,EAC5B;AAEA,QAAMC,IAAaC,EAAYH,GAAkB,GAAG,GAE9CI,IAAoB,CAACH,MAAqC;AAC5D,IAAAC,EAAWD,CAAC;AAAA,EAChB,GAEMI,IAAgB,MAAM;AACxB,IAAAP,EAAwB,EAAE,GAC1BJ,KAAA,QAAAA;AAAA,EACJ;AAEA,SACI,gBAAAY;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,QAAQ;AAAA,QACJ,SACI,gBAAAD,EAAC,OAAA,EAAI,WAAU,gDACX,UAAA;AAAA,UAAA,gBAAAE,EAACC,GAAA,EAAS,WAAU,UAAA,CAAU;AAAA,UAC9B,gBAAAD;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,WAAU;AAAA,cACV,aAAY;AAAA,cACZ,UAAUJ;AAAA,YAAA;AAAA,UAAA;AAAA,QACd,GACJ;AAAA,QAEJ,WAAW;AAAA,MAAA;AAAA,MAEf,WAAWM,EAAW,kCAAkClB,CAAS;AAAA,MACjE,WAAWkB,EAAW,gCAAgCjB,CAAS;AAAA,MAE/D,UAAA;AAAA,QAAA,gBAAAe,EAACG,GAAA,EAAY,WAAAhB,GAAsB,SAAAD,EAAA,CAAkB;AAAA,QACrD,gBAAAc,EAAC,OAAA,EAAI,WAAU,aACX,UAAA,gBAAAA,EAACI,GAAA,EAAO,OAAK,IAAC,SAAQ,SAAQ,SAASP,GAAe,sBAEtD,EAAA,CACJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGZ;"}

package/dist/@ecme/views/concepts/ai/Chat/components/ChatView.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ChatView.js","sources":["../../../../../../../lib/@ecme/views/concepts/ai/Chat/components/ChatView.tsx"],"sourcesContent":["import { useRef, useEffect, useMemo } from 'react'\r\nimport Card from '@/components/ui/Card'\r\nimport ChatBox from '@/components/view/ChatBox'\r\nimport ChatLandingView from './ChatLandingView'\r\nimport ChatMobileNav from './ChatMobileNav'\r\nimport ChatCustomContent from './ChatCustomContent'\r\nimport ChatCustomAction from './ChatCustomAction'\r\nimport { usGenerativeChatStore } from '../store/generativeChatStore'\r\nimport useChatSend from '../hooks/useChatSend'\r\nimport type { ScrollBarRef } from '@/components/ui/ScrollBar'\r\n\r\nconst ChatView = () => {\r\n const scrollRef = useRef<ScrollBarRef>(null)\r\n const { selectedConversation, chatHistory, isTyping, disabledChatFresh } =\r\n usGenerativeChatStore()\r\n const { handleSend } = useChatSend()\r\n\r\n const scrollToBottom = () => {\r\n if (scrollRef.current?.getScrollElement) {\r\n const scrollElement = scrollRef.current.getScrollElement()\r\n if (scrollElement) {\r\n scrollElement.scrollTop = scrollElement.scrollHeight\r\n }\r\n }\r\n }\r\n\r\n useEffect(() => {\r\n scrollToBottom()\r\n }, [selectedConversation, chatHistory])\r\n\r\n const messageList = useMemo(() => {\r\n const chat = chatHistory.find(\r\n (chat) => chat.id === selectedConversation,\r\n )\r\n return chat?.conversation \|\| []\r\n }, [selectedConversation, chatHistory])\r\n\r\n const handleInputChange = async ({\r\n value,\r\n }: {\r\n value: string\r\n attachments?: File[]\r\n }) => {\r\n await handleSend(value)\r\n }\r\n\r\n const handleFinish = (id: string) => {\r\n disabledChatFresh(id)\r\n scrollToBottom()\r\n }\r\n\r\n return (\r\n <Card className=\"flex-1 h-full\" bodyClass=\"h-full\">\r\n <ChatMobileNav />\r\n <ChatBox\r\n ref={scrollRef}\r\n messageList={messageList}\r\n placeholder=\"Enter a prompt here\"\r\n showMessageList={Boolean(selectedConversation)}\r\n showAvatar={true}\r\n avatarGap={true}\r\n containerClass=\"h-[calc(100%-30px)] xl:h-full\"\r\n messageListClass=\"h-[calc(100%-100px)] xl:h-[calc(100%-70px)]\"\r\n typing={\r\n isTyping\r\n ? {\r\n id: 'ai',\r\n name: 'Chat AI',\r\n avatarImageUrl: '/img/thumbs/ai.jpg',\r\n }\r\n : false\r\n }\r\n customRenderer={(message) => {\r\n if (message.sender.id === 'ai') {\r\n return (\r\n <ChatCustomContent\r\n content={message.content as string}\r\n triggerTyping={\r\n message.fresh ? message.fresh : false\r\n }\r\n onFinish={() => handleFinish(message.id)}\r\n />\r\n )\r\n }\r\n\r\n return message.content\r\n }}\r\n customAction={(message) => {\r\n if (message.sender.id === 'ai') {\r\n return (\r\n <ChatCustomAction\r\n content={message.content as string}\r\n />\r\n )\r\n }\r\n\r\n return null\r\n }}\r\n onInputChange={handleInputChange}\r\n >\r\n {!selectedConversation && <ChatLandingView />}\r\n </ChatBox>\r\n </Card>\r\n )\r\n}\r\n\r\nexport default ChatView\r\n"],"names":["ChatView","scrollRef","useRef","selectedConversation","chatHistory","isTyping","disabledChatFresh","usGenerativeChatStore","handleSend","useChatSend","scrollToBottom","_a","scrollElement","useEffect","messageList","useMemo","chat","handleInputChange","value","handleFinish","id","jsxs","Card","jsx","ChatMobileNav","ChatBox","message","ChatCustomContent","ChatCustomAction","ChatLandingView"],"mappings":";;;;;;;;;;;;AAWA,MAAMA,IAAW,MAAM;AACnB,QAAMC,IAAYC,EAAqB,IAAI,GACrC,EAAE,sBAAAC,GAAsB,aAAAC,GAAa,UAAAC,GAAU,mBAAAC,EAAA,IACjDC,EAAA,GACE,EAAE,YAAAC,EAAA,IAAeC,EAAA,GAEjBC,IAAiB,MAAM;;AACzB,SAAIC,IAAAV,EAAU,YAAV,QAAAU,EAAmB,kBAAkB;AACrC,YAAMC,IAAgBX,EAAU,QAAQ,iBAAA;AACxC,MAAIW,MACAA,EAAc,YAAYA,EAAc;AAAA,~~IAC5C~~;AAAA,EACJ;~~AAGJ~~,EAAAC,EAAU,MAAM;AACZ,IAAAH,EAAA;AAAA,~~EAAe~~,~~GAChB~~,CAACP,GAAsBC,CAAW,CAAC;AAEtC,QAAMU,IAAcC,EAAQ,MAAM;AAC9B,UAAMC,IAAOZ,EAAY;AAAA,MACrB,CAACY,MAASA,EAAK,OAAOb;AAAA,IAAA;AAE1B,YAAOa,KAAA,gBAAAA,EAAM,iBAAgB,CAAA;AAAA,~~EAAC~~,~~GAC/B~~,CAACb,GAAsBC,CAAW,CAAC,GAEhCa,IAAoB,OAAO;AAAA,IAC7B,OAAAC;AAAA,EAAA,MAIE;AACF,UAAMV,EAAWU,CAAK;AAAA,~~EAAA~~,~~GAGpBC~~,IAAe,CAACC,MAAe;AACjC,IAAAd,EAAkBc,CAAE,GACpBV,EAAA;AAAA,~~EAAe~~;~~AAGnB~~,SACI,gBAAAW,EAACC,GAAA,EAAK,WAAU,iBAAgB,WAAU,UACtC,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAc;AAAA,IACf,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACG,KAAKxB;AAAA,QACL,aAAAa;AAAA,QACA,aAAY;AAAA,QACZ,iBAAiB,EAAQX;AAAA,QACzB,YAAY;AAAA,QACZ,WAAW;AAAA,QACX,gBAAe;AAAA,QACf,kBAAiB;AAAA,QACjB,QACIE,IACM;AAAA,UACI,IAAI;AAAA,UACJ,MAAM;AAAA,UACN,gBAAgB;AAAA,QAAA,IAEpB;AAAA,QAEV,gBAAgB,CAACqB,MACTA,EAAQ,OAAO,OAAO,OAElB,gBAAAH;AAAA,UAACI;AAAA,UAAA;AAAA,YACG,SAASD,EAAQ;AAAA,YACjB,eACIA,EAAQ,QAAQA,EAAQ,QAAQ;AAAA,YAEpC,UAAU,MAAMP,EAAaO,EAAQ,EAAE;AAAA,UAAA;AAAA,QAAA,IAK5CA,EAAQ;AAAA,QAEnB,cAAc,CAACA,MACPA,EAAQ,OAAO,OAAO,OAElB,gBAAAH;AAAA,UAACK;AAAA,UAAA;AAAA,YACG,SAASF,EAAQ;AAAA,UAAA;AAAA,QAAA,IAKtB;AAAA,QAEX,eAAeT;AAAA,QAEd,UAAA,CAACd,KAAwB,gBAAAoB,EAACM,GAAA,CAAA,CAAgB;AAAA,MAAA;AAAA,IAAA;AAAA,EAC/C,GACJ;AAER;"}
1	+ {"version":3,"file":"ChatView.js","sources":["../../../../../../../lib/@ecme/views/concepts/ai/Chat/components/ChatView.tsx"],"sourcesContent":["import { useRef, useEffect, useMemo } from 'react'\nimport Card from '@/components/ui/Card'\nimport ChatBox from '@/components/view/ChatBox'\nimport ChatLandingView from './ChatLandingView'\nimport ChatMobileNav from './ChatMobileNav'\nimport ChatCustomContent from './ChatCustomContent'\nimport ChatCustomAction from './ChatCustomAction'\nimport { usGenerativeChatStore } from '../store/generativeChatStore'\nimport useChatSend from '../hooks/useChatSend'\nimport type { ScrollBarRef } from '@/components/ui/ScrollBar'\n\nconst ChatView = () => {\n const scrollRef = useRef<ScrollBarRef>(null)\n const { selectedConversation, chatHistory, isTyping, disabledChatFresh } =\n usGenerativeChatStore()\n const { handleSend } = useChatSend()\n\n const scrollToBottom = () => {\n if (scrollRef.current?.getScrollElement) {\n const scrollElement = scrollRef.current.getScrollElement()\n if (scrollElement) {\n scrollElement.scrollTop = scrollElement.scrollHeight\n }\n }\n }\n\n useEffect(() => {\n scrollToBottom()\n }, [selectedConversation, chatHistory])\n\n const messageList = useMemo(() => {\n const chat = chatHistory.find(\n (chat) => chat.id === selectedConversation,\n )\n return chat?.conversation \|\| []\n }, [selectedConversation, chatHistory])\n\n const handleInputChange = async ({\n value,\n }: {\n value: string\n attachments?: File[]\n }) => {\n await handleSend(value)\n }\n\n const handleFinish = (id: string) => {\n disabledChatFresh(id)\n scrollToBottom()\n }\n\n return (\n <Card className=\"flex-1 h-full\" bodyClass=\"h-full\">\n <ChatMobileNav />\n <ChatBox\n ref={scrollRef}\n messageList={messageList}\n placeholder=\"Enter a prompt here\"\n showMessageList={Boolean(selectedConversation)}\n showAvatar={true}\n avatarGap={true}\n containerClass=\"h-[calc(100%-30px)] xl:h-full\"\n messageListClass=\"h-[calc(100%-100px)] xl:h-[calc(100%-70px)]\"\n typing={\n isTyping\n ? {\n id: 'ai',\n name: 'Chat AI',\n avatarImageUrl: '/img/thumbs/ai.jpg',\n }\n : false\n }\n customRenderer={(message) => {\n if (message.sender.id === 'ai') {\n return (\n <ChatCustomContent\n content={message.content as string}\n triggerTyping={\n message.fresh ? message.fresh : false\n }\n onFinish={() => handleFinish(message.id)}\n />\n )\n }\n\n return message.content\n }}\n customAction={(message) => {\n if (message.sender.id === 'ai') {\n return (\n <ChatCustomAction\n content={message.content as string}\n />\n )\n }\n\n return null\n }}\n onInputChange={handleInputChange}\n >\n {!selectedConversation && <ChatLandingView />}\n </ChatBox>\n </Card>\n )\n}\n\nexport default ChatView\n"],"names":["ChatView","scrollRef","useRef","selectedConversation","chatHistory","isTyping","disabledChatFresh","usGenerativeChatStore","handleSend","useChatSend","scrollToBottom","_a","scrollElement","useEffect","messageList","useMemo","chat","handleInputChange","value","handleFinish","id","jsxs","Card","jsx","ChatMobileNav","ChatBox","message","ChatCustomContent","ChatCustomAction","ChatLandingView"],"mappings":";;;;;;;;;;;;AAWA,MAAMA,IAAW,MAAM;AACnB,QAAMC,IAAYC,EAAqB,IAAI,GACrC,EAAE,sBAAAC,GAAsB,aAAAC,GAAa,UAAAC,GAAU,mBAAAC,EAAA,IACjDC,EAAA,GACE,EAAE,YAAAC,EAAA,IAAeC,EAAA,GAEjBC,IAAiB,MAAM;;AACzB,SAAIC,IAAAV,EAAU,YAAV,QAAAU,EAAmB,kBAAkB;AACrC,YAAMC,IAAgBX,EAAU,QAAQ,iBAAA;AACxC,MAAIW,MACAA,EAAc,YAAYA,EAAc;AAAA,IAEhD;AAAA,EACJ;AAEA,EAAAC,EAAU,MAAM;AACZ,IAAAH,EAAA;AAAA,EACJ,GAAG,CAACP,GAAsBC,CAAW,CAAC;AAEtC,QAAMU,IAAcC,EAAQ,MAAM;AAC9B,UAAMC,IAAOZ,EAAY;AAAA,MACrB,CAACY,MAASA,EAAK,OAAOb;AAAA,IAAA;AAE1B,YAAOa,KAAA,gBAAAA,EAAM,iBAAgB,CAAA;AAAA,EACjC,GAAG,CAACb,GAAsBC,CAAW,CAAC,GAEhCa,IAAoB,OAAO;AAAA,IAC7B,OAAAC;AAAA,EAAA,MAIE;AACF,UAAMV,EAAWU,CAAK;AAAA,EAC1B,GAEMC,IAAe,CAACC,MAAe;AACjC,IAAAd,EAAkBc,CAAE,GACpBV,EAAA;AAAA,EACJ;AAEA,SACI,gBAAAW,EAACC,GAAA,EAAK,WAAU,iBAAgB,WAAU,UACtC,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAc;AAAA,IACf,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACG,KAAKxB;AAAA,QACL,aAAAa;AAAA,QACA,aAAY;AAAA,QACZ,iBAAiB,EAAQX;AAAA,QACzB,YAAY;AAAA,QACZ,WAAW;AAAA,QACX,gBAAe;AAAA,QACf,kBAAiB;AAAA,QACjB,QACIE,IACM;AAAA,UACI,IAAI;AAAA,UACJ,MAAM;AAAA,UACN,gBAAgB;AAAA,QAAA,IAEpB;AAAA,QAEV,gBAAgB,CAACqB,MACTA,EAAQ,OAAO,OAAO,OAElB,gBAAAH;AAAA,UAACI;AAAA,UAAA;AAAA,YACG,SAASD,EAAQ;AAAA,YACjB,eACIA,EAAQ,QAAQA,EAAQ,QAAQ;AAAA,YAEpC,UAAU,MAAMP,EAAaO,EAAQ,EAAE;AAAA,UAAA;AAAA,QAAA,IAK5CA,EAAQ;AAAA,QAEnB,cAAc,CAACA,MACPA,EAAQ,OAAO,OAAO,OAElB,gBAAAH;AAAA,UAACK;AAAA,UAAA;AAAA,YACG,SAASF,EAAQ;AAAA,UAAA;AAAA,QAAA,IAKtB;AAAA,QAEX,eAAeT;AAAA,QAEd,UAAA,CAACd,KAAwB,gBAAAoB,EAACM,GAAA,CAAA,CAAgB;AAAA,MAAA;AAAA,IAAA;AAAA,EAC/C,GACJ;AAER;"}