@orbe-agro/client-core 3.4.13 → 5.1.0

package/dist/@ecme/views/concepts/accounts/Settings/components/SettingsBilling.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsBilling.js","sources":["../../../../../../../lib/@ecme/views/concepts/accounts/Settings/components/SettingsBilling.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Button from '@/components/ui/Button'\nimport Tag from '@/components/ui/Tag'\nimport Avatar from '@/components/ui/Avatar'\nimport Notification from '@/components/ui/Notification'\nimport toast from '@/components/ui/toast'\nimport CreditCardDialog from '@/components/view/CreditCardDialog'\nimport BillingHistory from './BillingHistory'\nimport { apiGetSettingsBilling } from '@/services/AccontsService'\nimport classNames from '@/utils/classNames'\nimport isLastChild from '@/utils/isLastChild'\nimport sleep from '@/utils/sleep'\nimport { TbPlus } from 'react-icons/tb'\nimport useSWR from 'swr'\nimport dayjs from 'dayjs'\nimport { useNavigate } from 'react-router-dom'\nimport { PiLightningFill } from 'react-icons/pi'\nimport { NumericFormat } from 'react-number-format'\n\nimport type {\n    GetSettingsBillingResponse,\n    CreditCard,\n    CreditCardInfo,\n} from '../types'\n\nconst months = [\n    'Jan',\n    'Feb',\n    'Mar',\n    'Apr',\n    'May',\n    'Jun',\n    'Jul',\n    'Aug',\n    'Sep',\n    'Oct',\n    'Nov',\n    'Dec',\n]\n\nconst SettingsBilling = () => {\n    const navigate = useNavigate()\n\n    const [selectedCard, setSelectedCard] = useState<{\n        type: 'NEW' | 'EDIT' | ''\n        dialogOpen: boolean\n        cardInfo: Partial<CreditCardInfo>\n    }>({\n        type: '',\n        dialogOpen: false,\n        cardInfo: {},\n    })\n\n    const {\n        data = {\n            currentPlan: {\n                plan: '',\n                status: '',\n                billingCycle: '',\n                nextPaymentDate: null,\n                amount: null,\n            },\n            paymentMethods: [],\n            transactionHistory: [],\n        },\n    } = useSWR(\n        '/api/settings/billing/',\n        () => apiGetSettingsBilling<GetSettingsBillingResponse>(),\n        {\n            revalidateOnFocus: false,\n            revalidateIfStale: false,\n            revalidateOnReconnect: false,\n        },\n    )\n\n    const handleEditCreditCard = (card: Partial<CreditCard>) => {\n        setSelectedCard({\n            type: 'EDIT',\n            dialogOpen: true,\n            cardInfo: card,\n        })\n    }\n\n    const handleCreditCardDialogClose = () => {\n        setSelectedCard({\n            type: '',\n            dialogOpen: false,\n            cardInfo: {},\n        })\n    }\n\n    const handleEditCreditCardSubmit = async () => {\n        await sleep(500)\n        handleCreditCardDialogClose()\n        toast.push(\n            <Notification type=\"success\">Credit card updated!</Notification>,\n            { placement: 'top-center' },\n        )\n    }\n\n    const handleAddCreditCardSubmit = async (values: CreditCard) => {\n        console.log('Submitted values', values)\n        await sleep(500)\n        handleCreditCardDialogClose()\n        toast.push(\n            <Notification type=\"success\">Credit card added!</Notification>,\n            { placement: 'top-center' },\n        )\n    }\n\n    const handleChangePlan = () => {\n        navigate('/concepts/account/pricing?subcription=basic&cycle=monthly')\n    }\n\n    return (\n        <div>\n            <h4 className=\"mb-4\">Billing</h4>\n            <div className=\"bg-gray-100 dark:bg-gray-700 rounded-xl p-6\">\n                <div className=\"flex flex-col lg:flex-row lg:items-center justify-between gap-4\">\n                    <div className=\"flex items-center gap-3\">\n                        <div>\n                            <Avatar\n                                className=\"bg-emerald-500\"\n                                shape=\"circle\"\n                                icon={<PiLightningFill />}\n                            />\n                        </div>\n                        <div>\n                            <div className=\"flex items-center gap-2\">\n                                <h6 className=\"font-bold\">\n                                    {data.currentPlan.plan}\n                                </h6>\n                                <Tag className=\"bg-success-subtle text-success rounded-md border-0\">\n                                    <span className=\"capitalize\">\n                                        {data.currentPlan.status}\n                                    </span>\n                                </Tag>\n                            </div>\n                            <div className=\"font-semibold\">\n                                <span>\n                                    Billing {data.currentPlan.billingCycle}\n                                </span>\n                                <span> | </span>\n                                <span>\n                                    Next payment on{' '}\n                                    {dayjs\n                                        .unix(\n                                            (data.currentPlan\n                                                .nextPaymentDate as number) ||\n                                                0,\n                                        )\n                                        .format('MM/DD/YYYY')}\n                                </span>\n                                <span>\n                                    <span className=\"mx-1\">for</span>\n                                    <NumericFormat\n                                        className=\"font-bold heading-text\"\n                                        displayType=\"text\"\n                                        value={(\n                                            Math.round(\n                                                (data.currentPlan.amount || 0) *\n                                                    100,\n                                            ) / 100\n                                        ).toFixed(2)}\n                                        prefix={'$'}\n                                        thousandSeparator={true}\n                                    />\n                                </span>\n                            </div>\n                        </div>\n                    </div>\n                    <div className=\"flex\">\n                        <Button\n                            size=\"sm\"\n                            variant=\"solid\"\n                            onClick={handleChangePlan}\n                        >\n                            Change plan\n                        </Button>\n                    </div>\n                </div>\n            </div>\n            <div className=\"mt-8\">\n                <h5>Payment method</h5>\n                <div>\n                    {data.paymentMethods?.map((card, index) => (\n                        <div\n                            key={card.cardId}\n                            className={classNames(\n                                'flex items-center justify-between p-4',\n                                !isLastChild(data.paymentMethods, index) &&\n                                    'border-b border-gray-200 dark:border-gray-600',\n                            )}\n                        >\n                            <div className=\"flex items-center\">\n                                {card.cardType === 'VISA' && (\n                                    <img\n                                        src=\"/img/others/img-8.png\"\n                                        alt=\"visa\"\n                                    />\n                                )}\n                                {card.cardType === 'MASTER' && (\n                                    <img\n                                        src=\"/img/others/img-9.png\"\n                                        alt=\"master\"\n                                    />\n                                )}\n                                <div className=\"ml-3 rtl:mr-3\">\n                                    <div className=\"flex items-center\">\n                                        <div className=\"text-gray-900 dark:text-gray-100 font-semibold\">\n                                            {card.cardHolderName} ••••{' '}\n                                            {card.last4Number}\n                                        </div>\n                                        {card.primary && (\n                                            <Tag className=\"bg-primary-subtle text-primary rounded-md border-0 mx-2\">\n                                                <span className=\"capitalize\">\n                                                    {' '}\n                                                    Primary{' '}\n                                                </span>\n                                            </Tag>\n                                        )}\n                                    </div>\n                                    <span>\n                                        Expired{' '}\n                                        {months[parseInt(card.expMonth) - 1]} 20\n                                        {card.expYear}\n                                    </span>\n                                </div>\n                            </div>\n                            <div className=\"flex\">\n                                <Button\n                                    size=\"sm\"\n                                    type=\"button\"\n                                    onClick={() => handleEditCreditCard(card)}\n                                >\n                                    Edit\n                                </Button>\n                            </div>\n                        </div>\n                    ))}\n                    <Button\n                        variant=\"plain\"\n                        icon={<TbPlus />}\n                        onClick={() => {\n                            setSelectedCard({\n                                type: 'NEW',\n                                dialogOpen: true,\n                                cardInfo: {},\n                            })\n                        }}\n                    >\n                        Add payment method\n                    </Button>\n                </div>\n            </div>\n            <div className=\"mt-8\">\n                <h5>Transaction history</h5>\n                <BillingHistory\n                    className=\"mt-4\"\n                    data={data.transactionHistory}\n                />\n            </div>\n            <CreditCardDialog\n                title={\n                    selectedCard.type === 'NEW'\n                        ? 'Add credit card'\n                        : 'Edit credit card'\n                }\n                defaultValues={selectedCard.cardInfo as CreditCard}\n                dialogOpen={selectedCard.dialogOpen}\n                onDialogClose={handleCreditCardDialogClose}\n                onSubmit={\n                    selectedCard.type === 'NEW'\n                        ? (values) =>\n                              handleAddCreditCardSubmit(values as CreditCard)\n                        : handleEditCreditCardSubmit\n                }\n            />\n        </div>\n    )\n}\n\nexport default SettingsBilling\n"],"names":["months","SettingsBilling","navigate","useNavigate","selectedCard","setSelectedCard","useState","data","useSWR","apiGetSettingsBilling","handleEditCreditCard","card","handleCreditCardDialogClose","handleEditCreditCardSubmit","sleep","toast","jsx","Notification","handleAddCreditCardSubmit","values","handleChangePlan","jsxs","Avatar","PiLightningFill","Tag","dayjs","NumericFormat","Button","_a","index","classNames","isLastChild","TbPlus","BillingHistory","CreditCardDialog"],"mappings":"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"}

package/dist/@ecme/views/concepts/accounts/Settings/components/SettingsMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsMenu.js","sources":["../../../../../../../lib/@ecme/views/concepts/accounts/Settings/components/SettingsMenu.tsx"],"sourcesContent":["import Menu from '@/components/ui/Menu'\nimport ScrollBar from '@/components/ui/ScrollBar'\nimport { useSettingsStore } from '../store/settingsStore'\nimport useQuery from '@/utils/hooks/useQuery'\nimport {\n    TbUserSquare,\n    TbLock,\n    TbBell,\n    TbFileDollar,\n    TbRefreshDot,\n} from 'react-icons/tb'\nimport type { View } from '../types'\nimport type { ReactNode } from 'react'\n\nconst { MenuItem } = Menu\n\nconst menuList: { label: string; value: View; icon: ReactNode }[] = [\n    { label: 'Profile', value: 'profile', icon: <TbUserSquare /> },\n    { label: 'Security', value: 'security', icon: <TbLock /> },\n    { label: 'Notification', value: 'notification', icon: <TbBell /> },\n    { label: 'Billing', value: 'billing', icon: <TbFileDollar /> },\n    { label: 'Integration', value: 'integration', icon: <TbRefreshDot /> },\n]\n\nexport const SettingsMenu = ({ onChange }: { onChange?: () => void }) => {\n    const query = useQuery()\n\n    const { currentView, setCurrentView } = useSettingsStore()\n\n    const currentPath = query.get('category') || query.get('label') || 'inbox'\n\n    const handleSelect = (value: View) => {\n        setCurrentView(value)\n        onChange?.()\n    }\n\n    return (\n        <div className=\"flex h-full flex-col justify-between\">\n            <ScrollBar className=\"h-full overflow-y-auto\">\n                <Menu className=\"mx-2 mb-10\">\n                    {menuList.map((menu) => (\n                        <MenuItem\n                            key={menu.value}\n                            eventKey={menu.value}\n                            className={`mb-2 ${\n                                currentView === menu.value\n                                    ? 'bg-gray-100 dark:bg-gray-700'\n                                    : ''\n                            }`}\n                            isActive={currentPath === menu.value}\n                            onSelect={() => handleSelect(menu.value)}\n                        >\n                            <span className=\"text-2xl ltr:mr-2 rtl:ml-2\">\n                                {menu.icon}\n                            </span>\n                            <span>{menu.label}</span>\n                        </MenuItem>\n                    ))}\n                </Menu>\n            </ScrollBar>\n        </div>\n    )\n}\n\nexport default SettingsMenu\n"],"names":["MenuItem","Menu","menuList","jsx","TbUserSquare","TbLock","TbBell","TbFileDollar","TbRefreshDot","SettingsMenu","onChange","query","useQuery","currentView","setCurrentView","useSettingsStore","currentPath","handleSelect","value","ScrollBar","menu","jsxs"],"mappings":";;;;;;;AAcA,MAAM,EAAE,UAAAA,MAAaC,GAEfC,IAA8D;AAAA,EAChE,EAAE,OAAO,WAAW,OAAO,WAAW,MAAM,gBAAAC,EAACC,KAAa,EAAA;AAAA,EAC1D,EAAE,OAAO,YAAY,OAAO,YAAY,MAAM,gBAAAD,EAACE,KAAO,EAAA;AAAA,EACtD,EAAE,OAAO,gBAAgB,OAAO,gBAAgB,MAAM,gBAAAF,EAACG,KAAO,EAAA;AAAA,EAC9D,EAAE,OAAO,WAAW,OAAO,WAAW,MAAM,gBAAAH,EAACI,KAAa,EAAA;AAAA,EAC1D,EAAE,OAAO,eAAe,OAAO,eAAe,MAAM,gBAAAJ,EAACK,KAAa,EAAA;AACtE,GAEaC,IAAe,CAAC,EAAE,UAAAC,QAA0C;AACrE,QAAMC,IAAQC,EAAA,GAER,EAAE,aAAAC,GAAa,gBAAAC,EAAA,IAAmBC,EAAA,GAElCC,IAAcL,EAAM,IAAI,UAAU,KAAKA,EAAM,IAAI,OAAO,KAAK,SAE7DM,IAAe,CAACC,MAAgB;AAClC,IAAAJ,EAAeI,CAAK,GACpBR,KAAA,QAAAA;AAAA,EAAW;AAGf,SACI,gBAAAP,EAAC,OAAA,EAAI,WAAU,wCACX,4BAACgB,GAAA,EAAU,WAAU,0BACjB,UAAA,gBAAAhB,EAACF,KAAK,WAAU,cACX,UAAAC,EAAS,IAAI,CAACkB,MACX,gBAAAC;AAAA,IAACrB;AAAA,IAAA;AAAA,MAEG,UAAUoB,EAAK;AAAA,MACf,WAAW,QACPP,MAAgBO,EAAK,QACf,iCACA,EACV;AAAA,MACA,UAAUJ,MAAgBI,EAAK;AAAA,MAC/B,UAAU,MAAMH,EAAaG,EAAK,KAAK;AAAA,MAEvC,UAAA;AAAA,QAAA,gBAAAjB,EAAC,QAAA,EAAK,WAAU,8BACX,UAAAiB,EAAK,MACV;AAAA,QACA,gBAAAjB,EAAC,QAAA,EAAM,UAAAiB,EAAK,MAAA,CAAM;AAAA,MAAA;AAAA,IAAA;AAAA,IAbbA,EAAK;AAAA,EAAA,CAejB,EAAA,CACL,EAAA,CACJ,GACJ;AAER;"}

package/dist/@ecme/views/concepts/accounts/Settings/components/SettingsNotification.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsNotification.js","sources":["../../../../../../../lib/@ecme/views/concepts/accounts/Settings/components/SettingsNotification.tsx"],"sourcesContent":["import Checkbox from '@/components/ui/Checkbox'\nimport Radio from '@/components/ui/Radio'\nimport Switcher from '@/components/ui/Switcher'\nimport { apiGetSettingsNotification } from '@/services/AccontsService'\nimport useSWR from 'swr'\nimport cloneDeep from 'lodash/cloneDeep'\nimport { TbMessageCircleCheck } from 'react-icons/tb'\nimport type { GetSettingsNotificationResponse } from '../types'\n\ntype EmailNotificationFields =\n    | 'newsAndUpdate'\n    | 'tipsAndTutorial'\n    | 'offerAndPromotion'\n    | 'followUpReminder'\n\nconst emailNotificationOption: {\n    label: string\n    value: EmailNotificationFields\n    desc: string\n}[] = [\n    {\n        label: 'News & updates',\n        value: 'newsAndUpdate',\n        desc: 'New about product and features update',\n    },\n    {\n        label: 'Tips & tutorials',\n        value: 'tipsAndTutorial',\n        desc: 'Tips & trick in order to increase your performance efficiency',\n    },\n    {\n        label: 'Offer & promotions',\n        value: 'offerAndPromotion',\n        desc: 'Promotion about product price & lastest discount',\n    },\n    {\n        label: 'Follow up remider',\n        value: 'followUpReminder',\n        desc: 'Receive notification all the reminder that have been made',\n    },\n]\n\nconst notifyMeOption: {\n    label: string\n    value: string\n    desc: string\n}[] = [\n    {\n        label: 'All new messages',\n        value: 'allNewMessage',\n        desc: 'Broadcast notifications to the channel for each new message',\n    },\n    {\n        label: 'Mentions only',\n        value: 'mentionsOnly',\n        desc: 'Only alert me in the channel if someone mentions me in a message',\n    },\n    {\n        label: 'Nothing',\n        value: 'nothing',\n        desc: `Don't notify me anything`,\n    },\n]\n\nconst SettingsNotification = () => {\n    const {\n        data = {\n            email: [],\n            desktop: false,\n            unreadMessageBadge: false,\n            notifymeAbout: '',\n        },\n        mutate,\n    } = useSWR(\n        '/api/settings/notification/',\n        () => apiGetSettingsNotification<GetSettingsNotificationResponse>(),\n        {\n            revalidateOnFocus: false,\n            revalidateIfStale: false,\n            revalidateOnReconnect: false,\n        },\n    )\n\n    const handleEmailNotificationOptionChange = (values: string[]) => {\n        const newData = cloneDeep(data)\n        newData.email = values\n        mutate(newData, false)\n    }\n\n    const handleEmailNotificationOptionCheckAll = (value: boolean) => {\n        const newData = cloneDeep(data)\n        if (value) {\n            newData.email = [\n                'newsAndUpdate',\n                'tipsAndTutorial',\n                'offerAndPromotion',\n                'followUpReminder',\n            ]\n        } else {\n            newData.email = []\n        }\n\n        mutate(newData, false)\n    }\n\n    const handleDesktopNotificationCheck = (value: boolean) => {\n        const newData = cloneDeep(data)\n        newData.desktop = value\n        mutate(newData, false)\n    }\n\n    const handleUnreadMessagebadgeCheck = (value: boolean) => {\n        const newData = cloneDeep(data)\n        newData.unreadMessageBadge = value\n        mutate(newData, false)\n    }\n\n    const handleNotifyMeChange = (value: string) => {\n        const newData = cloneDeep(data)\n        newData.notifymeAbout = value\n        mutate(newData, false)\n    }\n\n    return (\n        <div>\n            <h4>Notification</h4>\n            <div className=\"mt-2\">\n                <div className=\"flex items-center justify-between py-6 border-b border-gray-200 dark:border-gray-600\">\n                    <div>\n                        <h5>Enable desktop notification</h5>\n                        <p>\n                            Decide whether you want to be notified of new\n                            message & updates\n                        </p>\n                    </div>\n                    <div>\n                        <Switcher\n                            checked={data.desktop}\n                            onChange={handleDesktopNotificationCheck}\n                        />\n                    </div>\n                </div>\n                <div className=\"flex items-center justify-between py-6 border-b border-gray-200 dark:border-gray-600\">\n                    <div>\n                        <h5>Enable unread notification badge</h5>\n                        <p>\n                            Display a red indicator on of the notification icon\n                            when you have unread message\n                        </p>\n                    </div>\n                    <div>\n                        <Switcher\n                            checked={data.unreadMessageBadge}\n                            onChange={handleUnreadMessagebadgeCheck}\n                        />\n                    </div>\n                </div>\n                <div className=\"py-6 border-b border-gray-200 dark:border-gray-600\">\n                    <h5>Enable unread notification badge</h5>\n                    <div className=\"mt-4\">\n                        <Radio.Group\n                            vertical\n                            className=\"flex flex-col gap-6\"\n                            value={data.notifymeAbout}\n                            onChange={handleNotifyMeChange}\n                        >\n                            {notifyMeOption.map((option) => (\n                                <div key={option.value} className=\"flex gap-4\">\n                                    <div className=\"mt-1.5\">\n                                        <Radio value={option.value} />\n                                    </div>\n                                    <div className=\"flex gap-2\">\n                                        <div className=\"mt-1\">\n                                            <TbMessageCircleCheck className=\"text-lg\" />\n                                        </div>\n                                        <div>\n                                            <h6>{option.label}</h6>\n                                            <p>{option.desc}</p>\n                                        </div>\n                                    </div>\n                                </div>\n                            ))}\n                        </Radio.Group>\n                    </div>\n                </div>\n                <div className=\"flex items-center justify-between py-6\">\n                    <div>\n                        <h5>Email notification</h5>\n                        <p>\n                            Substance can send you email notification for any\n                            new direct message\n                        </p>\n                    </div>\n                    <div>\n                        <Switcher\n                            checked={data.email.length > 0}\n                            onChange={handleEmailNotificationOptionCheckAll}\n                        />\n                    </div>\n                </div>\n                <Checkbox.Group\n                    vertical\n                    className=\"flex flex-col gap-6\"\n                    value={data.email}\n                    onChange={handleEmailNotificationOptionChange}\n                >\n                    {emailNotificationOption.map((option) => (\n                        <div key={option.value} className=\"flex gap-4\">\n                            <div className=\"mt-1.5\">\n                                <Checkbox value={option.value} />\n                            </div>\n                            <div>\n                                <h6>{option.label}</h6>\n                                <p>{option.desc}</p>\n                            </div>\n                        </div>\n                    ))}\n                </Checkbox.Group>\n            </div>\n        </div>\n    )\n}\n\nexport default SettingsNotification\n"],"names":["emailNotificationOption","notifyMeOption","SettingsNotification","data","mutate","useSWR","apiGetSettingsNotification","handleEmailNotificationOptionChange","values","newData","cloneDeep","handleEmailNotificationOptionCheckAll","value","handleDesktopNotificationCheck","handleUnreadMessagebadgeCheck","handleNotifyMeChange","jsx","jsxs","Switcher","Radio","option","TbMessageCircleCheck","Checkbox"],"mappings":"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"}

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

@@ -0,0 +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

@@ -0,0 +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":"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"}

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

@@ -0,0 +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

@@ -0,0 +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

@@ -0,0 +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

@@ -0,0 +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

@@ -0,0 +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,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;"}

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

@@ -0,0 +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":";;;;;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;"}

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

@@ -0,0 +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,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;"}

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

@@ -0,0 +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

@@ -0,0 +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

@@ -0,0 +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,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;"}

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

@@ -0,0 +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,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;"}

package/dist/@ecme/views/concepts/ai/Chat/hooks/useChatSend.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useChatSend.js","sources":["../../../../../../../lib/@ecme/views/concepts/ai/Chat/hooks/useChatSend.ts"],"sourcesContent":["import { usGenerativeChatStore } from '../store/generativeChatStore'\nimport { apiPostChat } from '@/services/AiService'\nimport dayjs from 'dayjs'\nimport uniqueId from 'lodash/uniqueId'\nimport type { PostAiChatResponse } from '../types'\n\nconst useChatSend = () => {\n    const {\n        selectedConversation,\n        setSelectedConversation,\n        pushChatHistory,\n        pushConversation,\n        setIsTyping,\n    } = usGenerativeChatStore()\n\n    const creteMyMessage = (id: string, prompt: string) => {\n        pushConversation(id, {\n            id: uniqueId('ai-conversation-'),\n            sender: {\n                id: '1',\n                name: 'Angelina Gotelli',\n                avatarImageUrl: '/img/avatars/thumb-1.jpg',\n            },\n            content: prompt,\n            timestamp: dayjs().toDate(),\n            type: 'regular',\n            isMyMessage: true,\n        })\n    }\n\n    const sendMessage = async (\n        id: string,\n        prompt: string,\n        attachments?: File[],\n    ) => {\n        const resp = await apiPostChat<PostAiChatResponse>({\n            prompt,\n            attachments,\n        })\n        pushConversation(id, {\n            id: uniqueId('ai-conversation-'),\n            sender: {\n                id: 'ai',\n                name: 'Chat AI',\n                avatarImageUrl: '/img/thumbs/ai.jpg',\n            },\n            content: resp.choices[0].message.content || '',\n            timestamp: dayjs().toDate(),\n            type: 'regular',\n            isMyMessage: false,\n            fresh: true,\n        })\n        setIsTyping(false)\n    }\n\n    const createConversation = async (\n        id: string,\n        prompt: string,\n        attachments?: File[],\n    ) => {\n        setSelectedConversation(id)\n        await sendMessage(id, prompt, attachments)\n    }\n\n    const handleSend = async (prompt: string, attachments?: File[]) => {\n        setIsTyping(true)\n        if (selectedConversation) {\n            creteMyMessage(selectedConversation, prompt)\n            await sendMessage(selectedConversation, prompt)\n        } else {\n            const newId = uniqueId('ai-chat-')\n            pushChatHistory({\n                id: newId,\n                title: prompt,\n                lastConversation: '',\n                createdTime: dayjs().unix(),\n                updatedTime: dayjs().unix(),\n                enable: false,\n            })\n            creteMyMessage(newId, prompt)\n            await createConversation(newId, prompt, attachments)\n        }\n    }\n\n    return {\n        handleSend,\n    }\n}\n\nexport default useChatSend\n"],"names":["useChatSend","selectedConversation","setSelectedConversation","pushChatHistory","pushConversation","setIsTyping","usGenerativeChatStore","creteMyMessage","id","prompt","uniqueId","dayjs","sendMessage","attachments","resp","apiPostChat","createConversation","newId"],"mappings":";;;;AAMA,MAAMA,IAAc,MAAM;AACtB,QAAM;AAAA,IACF,sBAAAC;AAAA,IACA,yBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,aAAAC;AAAA,EAAA,IACAC,EAAA,GAEEC,IAAiB,CAACC,GAAYC,MAAmB;AACnD,IAAAL,EAAiBI,GAAI;AAAA,MACjB,IAAIE,EAAS,kBAAkB;AAAA,MAC/B,QAAQ;AAAA,QACJ,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,gBAAgB;AAAA,MAAA;AAAA,MAEpB,SAASD;AAAA,MACT,WAAWE,EAAA,EAAQ,OAAA;AAAA,MACnB,MAAM;AAAA,MACN,aAAa;AAAA,IAAA,CAChB;AAAA,EAAA,GAGCC,IAAc,OAChBJ,GACAC,GACAI,MACC;AACD,UAAMC,IAAO,MAAMC,EAAgC;AAAA,MAC/C,QAAAN;AAAA,MACA,aAAAI;AAAA,IAAA,CACH;AACD,IAAAT,EAAiBI,GAAI;AAAA,MACjB,IAAIE,EAAS,kBAAkB;AAAA,MAC/B,QAAQ;AAAA,QACJ,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,gBAAgB;AAAA,MAAA;AAAA,MAEpB,SAASI,EAAK,QAAQ,CAAC,EAAE,QAAQ,WAAW;AAAA,MAC5C,WAAWH,EAAA,EAAQ,OAAA;AAAA,MACnB,MAAM;AAAA,MACN,aAAa;AAAA,MACb,OAAO;AAAA,IAAA,CACV,GACDN,EAAY,EAAK;AAAA,EAAA,GAGfW,IAAqB,OACvBR,GACAC,GACAI,MACC;AACD,IAAAX,EAAwBM,CAAE,GAC1B,MAAMI,EAAYJ,GAAIC,GAAQI,CAAW;AAAA,EAAA;AAuB7C,SAAO;AAAA,IACH,YArBe,OAAOJ,GAAgBI,MAAyB;AAE/D,UADAR,EAAY,EAAI,GACZJ;AACA,QAAAM,EAAeN,GAAsBQ,CAAM,GAC3C,MAAMG,EAAYX,GAAsBQ,CAAM;AAAA,WAC3C;AACH,cAAMQ,IAAQP,EAAS,UAAU;AACjC,QAAAP,EAAgB;AAAA,UACZ,IAAIc;AAAA,UACJ,OAAOR;AAAA,UACP,kBAAkB;AAAA,UAClB,aAAaE,EAAA,EAAQ,KAAA;AAAA,UACrB,aAAaA,EAAA,EAAQ,KAAA;AAAA,UACrB,QAAQ;AAAA,QAAA,CACX,GACDJ,EAAeU,GAAOR,CAAM,GAC5B,MAAMO,EAAmBC,GAAOR,GAAQI,CAAW;AAAA,MAAA;AAAA,IACvD;AAAA,EAIA;AAER;"}

package/dist/@ecme/views/concepts/ai/Chat/store/generativeChatStore.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"generativeChatStore.js","sources":["../../../../../../../lib/@ecme/views/concepts/ai/Chat/store/generativeChatStore.ts"],"sourcesContent":["import { create } from 'zustand'\nimport type { ChatHistories, ChatHistory, Conversation } from '../types'\n\ntype RenameDialog = {\n    id: string\n    title: string\n    open: boolean\n}\n\nexport type GenerativeChatState = {\n    selectedConversation: string\n    selectedConversationRecord: string[]\n    chatHistory: ChatHistories\n    renameDialog: RenameDialog\n    isTyping: boolean\n}\n\ntype GenerativeChatAction = {\n    setSelectedConversation: (payload: string) => void\n    setSelectedConversationRecord: (payload: string) => void\n    setChatHistory: (payload: ChatHistories) => void\n    setChatHistoryName: (payload: { id: string; title: string }) => void\n    setRenameDialog: (payload: RenameDialog) => void\n    setIsTyping: (payload: boolean) => void\n    pushChatHistory: (payload: ChatHistory) => void\n    pushConversation: (id: string, conversation: Conversation) => void\n    disabledChatFresh: (id: string) => void\n}\n\nconst initialState: GenerativeChatState = {\n    selectedConversation: '',\n    selectedConversationRecord: [],\n    chatHistory: [],\n    renameDialog: {\n        id: '',\n        title: '',\n        open: false,\n    },\n    isTyping: false,\n}\n\nexport const usGenerativeChatStore = create<\n    GenerativeChatState & GenerativeChatAction\n>((set, get) => ({\n    ...initialState,\n    setSelectedConversation: (payload) =>\n        set(() => ({ selectedConversation: payload })),\n    setChatHistory: (payload) => set(() => ({ chatHistory: payload })),\n    setChatHistoryName: (payload) =>\n        set(() => {\n            const chatHistory = get().chatHistory.map((chat) => {\n                if (chat.id === payload.id) {\n                    chat.title = payload.title\n                }\n                return chat\n            })\n            return { chatHistory }\n        }),\n    setRenameDialog: (payload) => set(() => ({ renameDialog: payload })),\n    setSelectedConversationRecord: (payload) =>\n        set(() => {\n            let record = get().selectedConversationRecord\n\n            if (record.includes(payload)) {\n                record = record.filter((item) => item !== payload)\n            } else {\n                record.push(payload)\n            }\n\n            return { selectedConversationRecord: record }\n        }),\n    pushChatHistory: (payload) =>\n        set(() => ({ chatHistory: [...[payload], ...get().chatHistory] })),\n    pushConversation: (id, conversation) =>\n        set(() => {\n            const chatHistory = get().chatHistory.map((chat) => {\n                if (chat.id === id) {\n                    if (!chat.conversation) {\n                        chat.conversation = []\n                    }\n                    chat.conversation?.push(conversation)\n                }\n                return chat\n            })\n            return { chatHistory }\n        }),\n    setIsTyping: (payload) => set(() => ({ isTyping: payload })),\n    disabledChatFresh: () =>\n        set(() => {\n            const chatHistory = get().chatHistory.map((chat) => {\n                if (chat.id === get().selectedConversation) {\n                    chat.conversation = chat.conversation?.map(\n                        (conversation) => {\n                            if (conversation.fresh) {\n                                conversation.fresh = false\n                            }\n                            return conversation\n                        },\n                    )\n                }\n                return chat\n            })\n            return { chatHistory }\n        }),\n}))\n"],"names":["initialState","usGenerativeChatStore","create","set","get","payload","chat","record","item","id","conversation","_a"],"mappings":";AA6BA,MAAMA,IAAoC;AAAA,EACtC,sBAAsB;AAAA,EACtB,4BAA4B,CAAA;AAAA,EAC5B,aAAa,CAAA;AAAA,EACb,cAAc;AAAA,IACV,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,MAAM;AAAA,EAAA;AAAA,EAEV,UAAU;AACd,GAEaC,IAAwBC,EAEnC,CAACC,GAAKC,OAAS;AAAA,EACb,GAAGJ;AAAA,EACH,yBAAyB,CAACK,MACtBF,EAAI,OAAO,EAAE,sBAAsBE,IAAU;AAAA,EACjD,gBAAgB,CAACA,MAAYF,EAAI,OAAO,EAAE,aAAaE,IAAU;AAAA,EACjE,oBAAoB,CAACA,MACjBF,EAAI,OAOO,EAAE,aANWC,EAAA,EAAM,YAAY,IAAI,CAACE,OACnCA,EAAK,OAAOD,EAAQ,OACpBC,EAAK,QAAQD,EAAQ,QAElBC,EACV,EACQ,EACZ;AAAA,EACL,iBAAiB,CAACD,MAAYF,EAAI,OAAO,EAAE,cAAcE,IAAU;AAAA,EACnE,+BAA+B,CAACA,MAC5BF,EAAI,MAAM;AACN,QAAII,IAASH,IAAM;AAEnB,WAAIG,EAAO,SAASF,CAAO,IACvBE,IAASA,EAAO,OAAO,CAACC,MAASA,MAASH,CAAO,IAEjDE,EAAO,KAAKF,CAAO,GAGhB,EAAE,4BAA4BE,EAAA;AAAA,EAAO,CAC/C;AAAA,EACL,iBAAiB,CAACF,MACdF,EAAI,OAAO,EAAE,aAAa,CAAKE,GAAU,GAAGD,IAAM,WAAW,IAAI;AAAA,EACrE,kBAAkB,CAACK,GAAIC,MACnBP,EAAI,OAUO,EAAE,aATWC,EAAA,EAAM,YAAY,IAAI,CAACE,MAAS;;AAChD,WAAIA,EAAK,OAAOG,MACPH,EAAK,iBACNA,EAAK,eAAe,CAAA,KAExBK,IAAAL,EAAK,iBAAL,QAAAK,EAAmB,KAAKD,KAErBJ;AAAA,EAAA,CACV,EACQ,EACZ;AAAA,EACL,aAAa,CAACD,MAAYF,EAAI,OAAO,EAAE,UAAUE,IAAU;AAAA,EAC3D,mBAAmB,MACfF,EAAI,OAcO,EAAE,aAbWC,EAAA,EAAM,YAAY,IAAI,CAACE,MAAS;;AAChD,WAAIA,EAAK,OAAOF,EAAA,EAAM,yBAClBE,EAAK,gBAAeK,IAAAL,EAAK,iBAAL,gBAAAK,EAAmB;AAAA,MACnC,CAACD,OACOA,EAAa,UACbA,EAAa,QAAQ,KAElBA;AAAA,QAIZJ;AAAA,EAAA,CACV,EACQ,EACZ;AACT,EAAE;"}

package/dist/@ecme/views/concepts/ai/Chat/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../../../lib/@ecme/views/concepts/ai/Chat/utils.ts"],"sourcesContent":["export const getStringPosition = (\n    string: string,\n    subString: string,\n    index: number,\n): number => {\n    return string.split(subString, index).join(' ').length\n}\n\nexport const getCurrentNodeOverflow = (\n    arr: number[],\n    pos: number,\n): [number, number] => {\n    let acc = 0\n    let index = 0\n    for (let i = 0; i < arr.length; i++) {\n        if (acc + arr[i] > pos) {\n            break\n        }\n\n        index++\n\n        acc += arr[i]\n    }\n\n    return [index, pos - acc]\n}\n"],"names":["getStringPosition","string","subString","index","getCurrentNodeOverflow","arr","pos","acc"],"mappings":"AAAO,MAAMA,IAAoB,CAC7BC,GACAC,GACAC,MAEOF,EAAO,MAAMC,GAAWC,CAAK,EAAE,KAAK,GAAG,EAAE,QAGvCC,IAAyB,CAClCC,GACAC,MACmB;AACnB,MAAIC,IAAM,GACNJ,IAAQ;AACZ,WAAS,IAAI,GAAG,IAAIE,EAAI,UAChB,EAAAE,IAAMF,EAAI,CAAC,IAAIC,IADS;AAK5B,IAAAH,KAEAI,KAAOF,EAAI,CAAC;AAGhB,SAAO,CAACF,GAAOG,IAAMC,CAAG;AAC5B;"}

package/dist/@ecme/views/concepts/ai/Image/ImageGenerator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageGenerator.js","sources":["../../../../../../lib/@ecme/views/concepts/ai/Image/ImageGenerator.tsx"],"sourcesContent":["import Generator from './components/Generator'\nimport Gallery from './components/Gallery'\nimport ImageDialog from './components/ImageDialog'\n\nconst ImageGenerator = () => {\n    return (\n        <>\n            <Generator />\n            <div className=\"mt-6\">\n                <Gallery />\n            </div>\n            <ImageDialog />\n        </>\n    )\n}\n\nexport default ImageGenerator\n"],"names":["ImageGenerator","jsxs","Fragment","jsx","Generator","Gallery","ImageDialog"],"mappings":";;;;AAIA,MAAMA,IAAiB,MAEf,gBAAAC,EAAAC,GAAA,EACI,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EAAU;AAAA,oBACV,OAAA,EAAI,WAAU,QACX,UAAA,gBAAAD,EAACE,KAAQ,GACb;AAAA,oBACCC,GAAA,CAAA,CAAY;AAAA,GACjB;"}

package/dist/@ecme/views/concepts/ai/Image/components/ConfigDropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfigDropdown.js","sources":["../../../../../../../lib/@ecme/views/concepts/ai/Image/components/ConfigDropdown.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport Avatar from '@/components/ui/Avatar'\nimport Button from '@/components/ui/Button'\nimport Dropdown from '@/components/ui/Dropdown'\nimport type { ReactNode } from 'react'\n\ntype ConfigDropdownProps = {\n    list: {\n        label: string\n        value: string\n        image?: string\n        icon?: ReactNode\n        isIcon?: boolean\n    }[]\n    onSelect: (value: string) => void\n    value: string\n}\n\nconst ConfigDropdown = (props: ConfigDropdownProps) => {\n    const { list = [], onSelect, value } = props\n\n    const selectedSetting = useMemo(() => {\n        return list.find((item) => item.value === value)\n    }, [list, value])\n\n    return (\n        <Dropdown\n            renderTitle={\n                <Button size=\"sm\" className=\"py-1\">\n                    <div className=\"flex gap-2 items-center\">\n                        {selectedSetting?.isIcon && (\n                            <span className=\"text-xl\">\n                                {selectedSetting.icon}\n                            </span>\n                        )}\n                        {!selectedSetting?.isIcon && selectedSetting?.image && (\n                            <Avatar\n                                src={selectedSetting.image}\n                                size={28}\n                                shape=\"round\"\n                            />\n                        )}\n                        {selectedSetting?.label}\n                    </div>\n                </Button>\n            }\n        >\n            {list.map((item) => (\n                <Dropdown.Item\n                    key={item.value}\n                    eventKey={item.value}\n                    active={item.value === selectedSetting?.value}\n                    onSelect={onSelect}\n                >\n                    {item.isIcon && (\n                        <span className=\"text-xl\">{item.icon}</span>\n                    )}\n                    {!item.isIcon && item.image && (\n                        <Avatar src={item.image} size={28} shape=\"round\" />\n                    )}\n                    <span>{item.label}</span>\n                </Dropdown.Item>\n            ))}\n        </Dropdown>\n    )\n}\n\nexport default ConfigDropdown\n"],"names":["ConfigDropdown","props","list","onSelect","value","selectedSetting","useMemo","item","jsx","Dropdown","Button","jsxs","Avatar"],"mappings":";;;;;;AAkBA,MAAMA,IAAiB,CAACC,MAA+B;AACnD,QAAM,EAAE,MAAAC,IAAO,CAAA,GAAI,UAAAC,GAAU,OAAAC,MAAUH,GAEjCI,IAAkBC,EAAQ,MACrBJ,EAAK,KAAK,CAACK,MAASA,EAAK,UAAUH,CAAK,GAChD,CAACF,GAAME,CAAK,CAAC;AAEhB,SACI,gBAAAI;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,aACI,gBAAAD,EAACE,GAAA,EAAO,MAAK,MAAK,WAAU,QACxB,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,2BACV,UAAA;AAAA,SAAAN,KAAA,gBAAAA,EAAiB,WACd,gBAAAG,EAAC,QAAA,EAAK,WAAU,WACX,YAAgB,MACrB;AAAA,QAEH,EAACH,KAAA,QAAAA,EAAiB,YAAUA,KAAA,gBAAAA,EAAiB,UAC1C,gBAAAG;AAAA,UAACI;AAAA,UAAA;AAAA,YACG,KAAKP,EAAgB;AAAA,YACrB,MAAM;AAAA,YACN,OAAM;AAAA,UAAA;AAAA,QAAA;AAAA,QAGbA,KAAA,gBAAAA,EAAiB;AAAA,MAAA,EAAA,CACtB,EAAA,CACJ;AAAA,MAGH,UAAAH,EAAK,IAAI,CAACK,MACP,gBAAAI;AAAA,QAACF,EAAS;AAAA,QAAT;AAAA,UAEG,UAAUF,EAAK;AAAA,UACf,QAAQA,EAAK,WAAUF,KAAA,gBAAAA,EAAiB;AAAA,UACxC,UAAAF;AAAA,UAEC,UAAA;AAAA,YAAAI,EAAK,UACF,gBAAAC,EAAC,QAAA,EAAK,WAAU,WAAW,YAAK,MAAK;AAAA,YAExC,CAACD,EAAK,UAAUA,EAAK,SAClB,gBAAAC,EAACI,GAAA,EAAO,KAAKL,EAAK,OAAO,MAAM,IAAI,OAAM,QAAA,CAAQ;AAAA,YAErD,gBAAAC,EAAC,QAAA,EAAM,UAAAD,EAAK,MAAA,CAAM;AAAA,UAAA;AAAA,QAAA;AAAA,QAXbA,EAAK;AAAA,MAAA,CAajB;AAAA,IAAA;AAAA,EAAA;AAGb;"}

package/dist/@ecme/views/concepts/ai/Image/components/Gallery.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Gallery.js","sources":["../../../../../../../lib/@ecme/views/concepts/ai/Image/components/Gallery.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\nimport Alert from '@/components/ui/Alert'\nimport Skeleton from '@/components/ui/Skeleton'\nimport GalleryImage from './GalleryImage'\nimport Masonry from '@/components/shared/Masonry'\nimport { useImageGeneratorStore } from '../store/imageGeneratorStore'\nimport useInfiniteScroll from '@/utils/hooks/useInfiniteScroll'\nimport { apiGetImages } from '@/services/AiService'\nimport type { GetImageResponse, Gallery, GelleryItem } from '../type'\n\nconst Gallery = () => {\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    const [_, setIsInitialLoading] = useState(false)\n    const [initialLoadComplete, setInitialLoadComplete] = useState(false)\n    const [loadable, setLoadable] = useState(true)\n    const [index, seIndex] = useState(1)\n\n    const {\n        setImageDialog,\n        isGeneratedImagesView,\n        isGeneratingImage,\n        generatedImage,\n    } = useImageGeneratorStore()\n\n    const [imageList, setImageList] = useState<Gallery>([])\n\n    const getImages = async (index: number) => {\n        setIsInitialLoading(true)\n        const resp = await apiGetImages<GetImageResponse, { index: number }>({\n            index,\n        })\n        setImageList((prevImages) => [...prevImages, ...resp.data])\n        setLoadable(resp.loadable)\n        setIsInitialLoading(false)\n        seIndex((prevIndex) => prevIndex + 1)\n        if (!resp.loadable) {\n            setLoadable(true)\n            seIndex(() => 1)\n        }\n    }\n\n    const { containerRef } = useInfiniteScroll({\n        offset: '100px',\n        async onLoadMore() {\n            if (initialLoadComplete && loadable) {\n                await getImages(index)\n            }\n        },\n    })\n\n    const initialLoad = async (index: number) => {\n        setIsInitialLoading(true)\n        const resp = await apiGetImages<\n            GetImageResponse,\n            { index: number; itemCount: number }\n        >({ index, itemCount: 8 })\n        setImageList(resp.data)\n        setLoadable(resp.loadable)\n        setIsInitialLoading(false)\n        seIndex(3)\n        setInitialLoadComplete(true)\n    }\n\n    const handleImageClick = (\n        image: GelleryItem,\n        type: 'generated' | 'existing',\n    ) => {\n        setImageDialog({\n            open: true,\n            props: { ...image, type },\n        })\n    }\n\n    useEffect(() => {\n        if (!initialLoadComplete) {\n            initialLoad(index)\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [])\n\n    return (\n        <>\n            {isGeneratedImagesView && (\n                <div className=\"rounded-xl bg-gray-100 dark:bg-gray-700 p-5 mb-4\">\n                    <h4 className=\"mb-4\">\n                        {isGeneratingImage ? 'Generating' : 'Result'}\n                    </h4>\n                    {!isGeneratingImage && generatedImage.length > 0 && (\n                        <Alert showIcon className=\"mb-4\" type=\"info\">\n                            This is a mock response designed to simulate an\n                            AI-generated reply. Please note that these image is\n                            not generated by an actual AI model.\n                        </Alert>\n                    )}\n                    <div className=\"grid grid-cols-2 xl:grid-cols-4 gap-4\">\n                        {isGeneratingImage ? (\n                            <>\n                                {[...Array(4).keys()].map((item) => (\n                                    <Skeleton\n                                        key={`loading-${item}`}\n                                        className=\"rounded-xl bg-gray-300 dark:bg-gray-600\"\n                                        height={250}\n                                    />\n                                ))}\n                            </>\n                        ) : (\n                            <>\n                                {generatedImage.map((item) => {\n                                    return (\n                                        <GalleryImage\n                                            key={item.id}\n                                            galleryItem={item}\n                                            onImageClick={() =>\n                                                handleImageClick(\n                                                    item,\n                                                    'generated',\n                                                )\n                                            }\n                                        />\n                                    )\n                                })}\n                            </>\n                        )}\n                    </div>\n                </div>\n            )}\n            {initialLoadComplete && (\n                <div>\n                    <h4 className=\"mb-4\">Recent images</h4>\n                    <div ref={containerRef}>\n                        <Masonry columns={{ 768: 2, 1280: 4 }} gap={16}>\n                            {imageList.map((item) => {\n                                return (\n                                    <GalleryImage\n                                        key={item.id}\n                                        galleryItem={item}\n                                        onImageClick={() =>\n                                            handleImageClick(item, 'existing')\n                                        }\n                                    />\n                                )\n                            })}\n                        </Masonry>\n                    </div>\n                </div>\n            )}\n        </>\n    )\n}\n\nexport default Gallery\n"],"names":["Gallery","_","setIsInitialLoading","useState","initialLoadComplete","setInitialLoadComplete","loadable","setLoadable","index","seIndex","setImageDialog","isGeneratedImagesView","isGeneratingImage","generatedImage","useImageGeneratorStore","imageList","setImageList","getImages","resp","apiGetImages","prevImages","prevIndex","containerRef","useInfiniteScroll","initialLoad","handleImageClick","image","type","useEffect","jsxs","Fragment","jsx","Alert","item","Skeleton","GalleryImage","Masonry"],"mappings":"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"}

package/dist/@ecme/views/concepts/ai/Image/components/GalleryImage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GalleryImage.js","sources":["../../../../../../../lib/@ecme/views/concepts/ai/Image/components/GalleryImage.tsx"],"sourcesContent":["import type { GelleryItem } from '../type'\n\ntype GalleryImageProps = {\n    galleryItem: GelleryItem\n    onImageClick: (galleryItem: GelleryItem) => void\n}\n\nconst GalleryImage = (props: GalleryImageProps) => {\n    const { galleryItem, onImageClick } = props\n\n    return (\n        <div\n            key={galleryItem.id}\n            className=\"rounded-lg cursor-pointer relative group\"\n            onClick={() => onImageClick(galleryItem)}\n        >\n            <img className=\"rounded-xl w-full\" src={galleryItem.image} />\n        </div>\n    )\n}\n\nexport default GalleryImage\n"],"names":["GalleryImage","props","galleryItem","onImageClick","jsx"],"mappings":";AAOA,MAAMA,IAAe,CAACC,MAA6B;AAC/C,QAAM,EAAE,aAAAC,GAAa,cAAAC,EAAA,IAAiBF;AAEtC,SACI,gBAAAG;AAAA,IAAC;AAAA,IAAA;AAAA,MAEG,WAAU;AAAA,MACV,SAAS,MAAMD,EAAaD,CAAW;AAAA,MAEvC,4BAAC,OAAA,EAAI,WAAU,qBAAoB,KAAKA,EAAY,MAAA,CAAO;AAAA,IAAA;AAAA,IAJtDA,EAAY;AAAA,EAAA;AAO7B;"}

package/dist/@ecme/views/concepts/ai/Image/components/Generator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Generator.js","sources":["../../../../../../../lib/@ecme/views/concepts/ai/Image/components/Generator.tsx"],"sourcesContent":["import GeneratorHeader from './GeneratorHeader'\nimport GeneratorPrompt from './GeneratorPrompt'\n\nconst Generator = () => {\n    return (\n        <>\n            <GeneratorHeader />\n            <div className=\"mt-4\">\n                <GeneratorPrompt />\n            </div>\n        </>\n    )\n}\n\nexport default Generator\n"],"names":["Generator","jsxs","Fragment","jsx","GeneratorHeader","GeneratorPrompt"],"mappings":";;;AAGA,MAAMA,IAAY,MAEV,gBAAAC,EAAAC,GAAA,EACI,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EAAgB;AAAA,oBAChB,OAAA,EAAI,WAAU,QACX,UAAA,gBAAAD,EAACE,KAAgB,EAAA,CACrB;AAAA,GACJ;"}

package/dist/@ecme/views/concepts/ai/Image/components/GeneratorHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GeneratorHeader.js","sources":["../../../../../../../lib/@ecme/views/concepts/ai/Image/components/GeneratorHeader.tsx"],"sourcesContent":["const GeneratorHeader = () => {\n    return (\n        <div className=\"flex items-center justify-between\">\n            <div>\n                <h3 className=\"mb-1\">AI image generator</h3>\n                <p>\n                    Create an image with Generative AI by describing what\n                    you&apos;d like to see. Please note, all images are shared\n                    publicly by default.\n                </p>\n            </div>\n        </div>\n    )\n}\n\nexport default GeneratorHeader\n"],"names":["GeneratorHeader","jsx"],"mappings":";AAAA,MAAMA,IAAkB,MAEhB,gBAAAC,EAAC,OAAA,EAAI,WAAU,qCACX,4BAAC,OAAA,EACG,UAAA;AAAA,EAAA,gBAAAA,EAAC,MAAA,EAAG,WAAU,QAAO,UAAA,sBAAkB;AAAA,EACvC,gBAAAA,EAAC,OAAE,UAAA,mIAAA,CAIH;AAAA,EAAA,CACJ,EAAA,CACJ;"}

package/dist/@ecme/views/concepts/ai/Image/components/GeneratorPrompt.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GeneratorPrompt.js","sources":["../../../../../../../lib/@ecme/views/concepts/ai/Image/components/GeneratorPrompt.tsx"],"sourcesContent":["import { useState, useRef } from 'react'\nimport Button from '@/components/ui/Button'\nimport Tooltip from '@/components/ui/Tooltip'\nimport Upload from '@/components/ui/Upload'\nimport toast from '@/components/ui/toast'\nimport Notification from '@/components/ui/Notification'\nimport CloseButton from '@/components/ui/CloseButton'\nimport ConfigDropdown from './ConfigDropdown'\nimport { useImageGeneratorStore } from '../store/imageGeneratorStore'\nimport {\n    aspectRatioOptions,\n    styleOptions,\n    toneOptions,\n    lightingOptions,\n    cameraOptions,\n} from '../utils'\nimport { apiPostImages } from '@/services/AiService'\nimport { LuImage } from 'react-icons/lu'\nimport { ConfigsVariant, PostImageResponse } from '../type'\n\nconst GeneratorPrompt = () => {\n    const [uploadedImage, setUploadedImage] = useState<File[]>([])\n\n    const {\n        generatorConfig,\n        setGeneratorConfig,\n        resetGeneratorConfig,\n        onGenerateImage,\n        onGenerateImageComplete,\n        setGeneratedImage,\n        isGeneratingImage,\n    } = useImageGeneratorStore()\n\n    const promptRef = useRef<HTMLTextAreaElement>(null)\n\n    const handleClear = () => {\n        resetGeneratorConfig()\n    }\n\n    const handleGenerate = async () => {\n        const prompt = promptRef.current?.value\n\n        if (!prompt) {\n            toast.push(\n                <Notification title={'Please enter prompt'} type=\"danger\" />,\n                {\n                    placement: 'top-center',\n                },\n            )\n            promptRef.current?.focus()\n\n            return\n        }\n        onGenerateImage()\n        const resp = await apiPostImages<PostImageResponse, { prompt: string }>(\n            { prompt },\n        )\n        if (resp) {\n            setGeneratedImage(resp)\n        }\n        onGenerateImageComplete()\n    }\n\n    const handleSetGeneratorConfig = (key: ConfigsVariant, value: string) => {\n        setGeneratorConfig({ key, value })\n    }\n\n    const beforeUpload = (files: FileList | null) => {\n        let valid: string | boolean = true\n\n        const allowedFileType = ['image/jpeg', 'image/png', 'image/webp']\n\n        if (files) {\n            for (const f of files) {\n                if (!allowedFileType.includes(f.type)) {\n                    valid = 'Please upload a .jpeg or .png file!'\n                }\n            }\n        }\n\n        return valid\n    }\n\n    return (\n        <div className=\"rounded-lg p-4 border-2 border-gray-100 dark:border-gray-700\">\n            <div className=\"flex gap-4 mb-4\">\n                {uploadedImage.length > 0 && (\n                    <div className=\"max-w-[150px] relative cursor-pointer group\">\n                        {\n                            <img\n                                className=\"rounded-xl\"\n                                src={URL.createObjectURL(uploadedImage[0])}\n                            />\n                        }\n                        <div className=\"opacity-0 group-hover:opacity-100 bg-black/75 group-hover:flex items-center justify-center rounded-xl absolute top-0 left-0 w-full h-full transition-colors\">\n                            <CloseButton onClick={() => setUploadedImage([])} />\n                        </div>\n                    </div>\n                )}\n                <div className=\"flex-1\">\n                    <div className=\"heading-text text-base font-semibold\">\n                        Prompt\n                    </div>\n                    <textarea\n                        ref={promptRef}\n                        className=\"w-full resize-none mt-1 placeholder:text-gray-400 bg-transparent focus:outline-none heading-text\"\n                        placeholder=\"Decribe the image you want to generate\"\n                    />\n                </div>\n            </div>\n            <div className=\"flex flex-col lg:flex-row gap-6 justify-between\">\n                <div className=\"inline-flex flex-wrap gap-2\">\n                    <Tooltip title=\"Add image\">\n                        <Upload\n                            showList={false}\n                            beforeUpload={beforeUpload}\n                            uploadLimit={1}\n                            onChange={setUploadedImage}\n                        >\n                            <Button size=\"sm\" icon={<LuImage />} />\n                        </Upload>\n                    </Tooltip>\n                    <ConfigDropdown\n                        list={aspectRatioOptions}\n                        value={generatorConfig.aspectRatio}\n                        onSelect={(value) =>\n                            handleSetGeneratorConfig('aspectRatio', value)\n                        }\n                    />\n                    <ConfigDropdown\n                        list={styleOptions}\n                        value={generatorConfig.style}\n                        onSelect={(value) =>\n                            handleSetGeneratorConfig('style', value)\n                        }\n                    />\n                    <ConfigDropdown\n                        list={toneOptions}\n                        value={generatorConfig.tone}\n                        onSelect={(value) =>\n                            handleSetGeneratorConfig('tone', value)\n                        }\n                    />\n                    <ConfigDropdown\n                        list={lightingOptions}\n                        value={generatorConfig.lighting}\n                        onSelect={(value) =>\n                            handleSetGeneratorConfig('lighting', value)\n                        }\n                    />\n                    <ConfigDropdown\n                        list={cameraOptions}\n                        value={generatorConfig.camera}\n                        onSelect={(value) =>\n                            handleSetGeneratorConfig('camera', value)\n                        }\n                    />\n                </div>\n                <div className=\"flex flex-col sm:flex-row sm:justify-end gap-4\">\n                    <Button size=\"sm\" shape=\"circle\" onClick={handleClear}>\n                        Clear\n                    </Button>\n                    <Button\n                        size=\"sm\"\n                        variant=\"solid\"\n                        shape=\"circle\"\n                        loading={isGeneratingImage}\n                        onClick={handleGenerate}\n                    >\n                        Generate\n                    </Button>\n                </div>\n            </div>\n        </div>\n    )\n}\n\nexport default GeneratorPrompt\n"],"names":["GeneratorPrompt","uploadedImage","setUploadedImage","useState","generatorConfig","setGeneratorConfig","resetGeneratorConfig","onGenerateImage","onGenerateImageComplete","setGeneratedImage","isGeneratingImage","useImageGeneratorStore","promptRef","useRef","handleClear","handleGenerate","prompt","_a","toast","jsx","Notification","_b","resp","apiPostImages","handleSetGeneratorConfig","key","value","beforeUpload","files","valid","allowedFileType","f","jsxs","CloseButton","Tooltip","Upload","Button","LuImage","ConfigDropdown","aspectRatioOptions","styleOptions","toneOptions","lightingOptions","cameraOptions"],"mappings":"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"}

package/dist/@ecme/views/concepts/ai/Image/components/ImageDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageDialog.js","sources":["../../../../../../../lib/@ecme/views/concepts/ai/Image/components/ImageDialog.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Button from '@/components/ui/Button'\nimport Dialog from '@/components/ui/Dialog'\nimport Tooltip from '@/components/ui/Tooltip'\nimport Tag from '@/components/ui/Tag'\nimport sleep from '@/utils/sleep'\nimport { useImageGeneratorStore } from '../store/imageGeneratorStore'\nimport {\n    TbDownload,\n    TbHeart,\n    TbHeartFilled,\n    TbAlertTriangle,\n} from 'react-icons/tb'\n\nconst ImageDialog = () => {\n    const { imageDialog, setImageDialog } = useImageGeneratorStore()\n\n    const [liked, setLiked] = useState(false)\n\n    const handleDialogClose = async () => {\n        setImageDialog({\n            open: false,\n            props: imageDialog.props,\n        })\n        await sleep(200)\n        setImageDialog({\n            open: false,\n            props: {},\n        })\n        setLiked(false)\n    }\n\n    const downloadFile = () => {\n        const fileSegment = imageDialog.props.image?.split('/') as string[]\n        const fileName = fileSegment[fileSegment?.length - 1]\n        const link = document.createElement('a')\n        link.href = imageDialog.props.image || ''\n        link.setAttribute('download', fileName)\n        document.body.appendChild(link)\n        link.click()\n        link.parentNode?.removeChild(link)\n    }\n\n    return (\n        <Dialog\n            isOpen={imageDialog.open}\n            width={900}\n            onClose={handleDialogClose}\n            onRequestClose={handleDialogClose}\n        >\n            <div className=\"flex flex-col md:flex-row gap-4\">\n                <div className=\"md:max-w-[400px]\">\n                    <img\n                        className=\"rounded-xl\"\n                        src={imageDialog.props.image}\n                        alt={imageDialog.props.prompt}\n                    />\n                </div>\n                <div className=\"flex flex-col justify-between flex-1 gap-4\">\n                    <div className=\"mt-2\">\n                        <h5 className=\"font-bold\">Prompt</h5>\n                        <p className=\"mt-4\">{imageDialog.props.prompt}</p>\n                        <div className=\"inline-flex gap-2 mt-6\">\n                            <Tag>Size: {imageDialog.props.size}</Tag>\n                            <Tag>Ratio: {imageDialog.props.ratio}</Tag>\n                            {imageDialog.props.type === 'existing' && (\n                                <Tag>{imageDialog.props.like || 0} Likes</Tag>\n                            )}\n                        </div>\n                    </div>\n                    <div className=\"flex justify-end gap-2\">\n                        <Tooltip title=\"Download\">\n                            <Button\n                                icon={<TbDownload />}\n                                shape=\"circle\"\n                                size=\"sm\"\n                                onClick={downloadFile}\n                            />\n                        </Tooltip>\n                        {imageDialog.props.type === 'existing' && (\n                            <Tooltip\n                                title={\n                                    <div className=\"w-12 text-center\">\n                                        {liked ? 'Dislike' : 'Like'}\n                                    </div>\n                                }\n                            >\n                                <Button\n                                    icon={\n                                        liked ? (\n                                            <TbHeartFilled className=\"text-pink-500\" />\n                                        ) : (\n                                            <TbHeart />\n                                        )\n                                    }\n                                    shape=\"circle\"\n                                    size=\"sm\"\n                                    onClick={() => setLiked(!liked)}\n                                />\n                            </Tooltip>\n                        )}\n                        <Tooltip title=\"Report\">\n                            <Button\n                                icon={<TbAlertTriangle />}\n                                shape=\"circle\"\n                                size=\"sm\"\n                            />\n                        </Tooltip>\n                    </div>\n                </div>\n            </div>\n        </Dialog>\n    )\n}\n\nexport default ImageDialog\n"],"names":["ImageDialog","imageDialog","setImageDialog","useImageGeneratorStore","liked","setLiked","useState","handleDialogClose","sleep","downloadFile","fileSegment","_a","fileName","link","_b","jsx","Dialog","jsxs","Tag","Tooltip","Button","TbDownload","TbHeartFilled","TbHeart","TbAlertTriangle"],"mappings":"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"}

package/dist/@ecme/views/concepts/ai/Image/store/imageGeneratorStore.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"imageGeneratorStore.js","sources":["../../../../../../../lib/@ecme/views/concepts/ai/Image/store/imageGeneratorStore.ts"],"sourcesContent":["import { create } from 'zustand'\nimport { Gallery, GelleryItem, ConfigsVariant, GeneratorConfigs } from '../type'\n\ntype ImageDialog = {\n    open: boolean\n    props: Partial<GelleryItem> & {\n        type?: 'generated' | 'existing'\n    }\n}\n\ntype ImageGeneratorState = {\n    isGeneratedImagesView: boolean\n    isGeneratingImage: boolean\n    generatedImage: Gallery\n    generatorConfig: GeneratorConfigs\n    imageDialog: ImageDialog\n}\n\ntype ImageGeneratorAction = {\n    setGeneratorConfig: (payload: {\n        key: ConfigsVariant\n        value: string\n    }) => void\n    resetGeneratorConfig: () => void\n    setImageDialog: (payload: ImageDialog) => void\n    onGenerateImage: () => void\n    onGenerateImageComplete: () => void\n    setGeneratedImage: (payload: Gallery) => void\n}\n\nconst defaultGeneratoConfig = {\n    aspectRatio: 'lanscape',\n    style: 'noStyle',\n    tone: 'noTone',\n    lighting: 'noLighting',\n    camera: 'noCamera',\n}\n\nconst initialState: ImageGeneratorState = {\n    isGeneratedImagesView: false,\n    isGeneratingImage: false,\n    generatedImage: [],\n    generatorConfig: { ...defaultGeneratoConfig },\n    imageDialog: {\n        open: false,\n        props: {},\n    },\n}\n\nexport const useImageGeneratorStore = create<\n    ImageGeneratorState & ImageGeneratorAction\n>((set, get) => ({\n    ...initialState,\n    setGeneratorConfig: ({ key, value }) =>\n        set(() => {\n            const generatorConfig = get().generatorConfig\n            generatorConfig[key] = value\n            return { generatorConfig }\n        }),\n    resetGeneratorConfig: () =>\n        set(() => ({ generatorConfig: { ...defaultGeneratoConfig } })),\n    setImageDialog: (payload) => set(() => ({ imageDialog: payload })),\n    onGenerateImage: () =>\n        set(() => ({\n            isGeneratedImagesView: true,\n            isGeneratingImage: true,\n        })),\n    onGenerateImageComplete: () =>\n        set(() => ({\n            isGeneratingImage: false,\n        })),\n    setGeneratedImage: (payload) =>\n        set(() => ({\n            generatedImage: payload,\n        })),\n}))\n"],"names":["defaultGeneratoConfig","initialState","useImageGeneratorStore","create","set","get","key","value","generatorConfig","payload"],"mappings":";AA8BA,MAAMA,IAAwB;AAAA,EAC1B,aAAa;AAAA,EACb,OAAO;AAAA,EACP,MAAM;AAAA,EACN,UAAU;AAAA,EACV,QAAQ;AACZ,GAEMC,IAAoC;AAAA,EACtC,uBAAuB;AAAA,EACvB,mBAAmB;AAAA,EACnB,gBAAgB,CAAA;AAAA,EAChB,iBAAiB,EAAE,GAAGD,EAAA;AAAA,EACtB,aAAa;AAAA,IACT,MAAM;AAAA,IACN,OAAO,CAAA;AAAA,EAAC;AAEhB,GAEaE,IAAyBC,EAEpC,CAACC,GAAKC,OAAS;AAAA,EACb,GAAGJ;AAAA,EACH,oBAAoB,CAAC,EAAE,KAAAK,GAAK,OAAAC,EAAA,MACxBH,EAAI,MAAM;AACN,UAAMI,IAAkBH,IAAM;AAC9B,WAAAG,EAAgBF,CAAG,IAAIC,GAChB,EAAE,iBAAAC,EAAA;AAAA,EAAgB,CAC5B;AAAA,EACL,sBAAsB,MAClBJ,EAAI,OAAO,EAAE,iBAAiB,EAAE,GAAGJ,EAAA,EAAsB,EAAI;AAAA,EACjE,gBAAgB,CAACS,MAAYL,EAAI,OAAO,EAAE,aAAaK,IAAU;AAAA,EACjE,iBAAiB,MACbL,EAAI,OAAO;AAAA,IACP,uBAAuB;AAAA,IACvB,mBAAmB;AAAA,EAAA,EACrB;AAAA,EACN,yBAAyB,MACrBA,EAAI,OAAO;AAAA,IACP,mBAAmB;AAAA,EAAA,EACrB;AAAA,EACN,mBAAmB,CAACK,MAChBL,EAAI,OAAO;AAAA,IACP,gBAAgBK;AAAA,EAAA,EAClB;AACV,EAAE;"}

package/dist/@ecme/views/concepts/ai/Image/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../../../lib/@ecme/views/concepts/ai/Image/utils.tsx"],"sourcesContent":["import {\n    LuSquare,\n    LuRectangleHorizontal,\n    LuRectangleVertical,\n} from 'react-icons/lu'\nimport { TbRectangle, TbBan } from 'react-icons/tb'\n\nexport const aspectRatioOptions = [\n    {\n        label: 'Lanscape (4:3)',\n        value: 'lanscape',\n        icon: <TbRectangle />,\n        isIcon: true,\n    },\n    {\n        label: 'Portrait (9:16)',\n        value: 'portrait',\n        icon: <LuRectangleVertical />,\n        isIcon: true,\n    },\n    {\n        label: 'Square (1:1)',\n        value: 'square',\n        icon: <LuSquare />,\n        isIcon: true,\n    },\n    {\n        label: 'Widescreen (16:9)',\n        value: 'widescreen',\n        icon: <LuRectangleHorizontal />,\n        isIcon: true,\n    },\n]\n\nexport const styleOptions = [\n    { label: 'No style', value: 'noStyle', icon: <TbBan />, isIcon: true },\n    { label: '3D', value: 'd3', image: '/img/thumbs/styles/3d.jpg' },\n    { label: 'Anime', value: 'anime', image: '/img/thumbs/styles/anime.jpg' },\n    {\n        label: 'Digital Art',\n        value: 'digitalArt',\n        image: '/img/thumbs/styles/digital-art.jpg',\n    },\n    {\n        label: 'Fantasy',\n        value: 'fantasy',\n        image: '/img/thumbs/styles/fantasy.jpg',\n    },\n    {\n        label: 'Futuristic',\n        value: 'futuristic',\n        image: '/img/thumbs/styles/futuristic.jpg',\n    },\n    {\n        label: 'Geometric',\n        value: 'geometric',\n        image: '/img/thumbs/styles/geometric.jpg',\n    },\n    {\n        label: 'Minimalist',\n        value: 'minimalist',\n        image: '/img/thumbs/styles/minimalist.jpg',\n    },\n    {\n        label: 'Painting',\n        value: 'painting',\n        image: '/img/thumbs/styles/painting.jpg',\n    },\n    {\n        label: 'Pencil Drawing',\n        value: 'pencilDrawing',\n        image: '/img/thumbs/styles/pencil-drawing.jpg',\n    },\n    { label: 'Pixel', value: 'pixel', image: '/img/thumbs/styles/pixel.jpg' },\n]\n\nexport const toneOptions = [\n    { label: 'No tone', value: 'noTone', icon: <TbBan />, isIcon: true },\n    {\n        label: 'Black & White',\n        value: 'blackAndWhite',\n        image: '/img/thumbs/tone/black-and-white.jpg',\n    },\n    {\n        label: 'Cool Tone',\n        value: 'coolTone',\n        image: '/img/thumbs/tone/cool-tone.jpg',\n    },\n    { label: 'Golden', value: 'golden', image: '/img/thumbs/tone/golden.jpg' },\n    {\n        label: 'Muted Color',\n        value: 'mutedColor',\n        image: '/img/thumbs/tone/muted-color.jpg',\n    },\n    { label: 'Pastel', value: 'pastel', image: '/img/thumbs/tone/pastel.jpg' },\n    {\n        label: 'Warm Tone',\n        value: 'warmTone',\n        image: '/img/thumbs/tone/warm-tone.jpg',\n    },\n]\n\nexport const lightingOptions = [\n    {\n        label: 'No lighting',\n        value: 'noLighting',\n        icon: <TbBan />,\n        isIcon: true,\n    },\n    {\n        label: 'Back Lighting',\n        value: 'backLighting',\n        image: '/img/thumbs/lighting/back-lighting.jpg',\n    },\n    {\n        label: 'dramatic',\n        value: 'dramatic',\n        image: '/img/thumbs/lighting/dramatic.jpg',\n    },\n    {\n        label: 'Golden Hour',\n        value: 'goldenHour',\n        image: '/img/thumbs/lighting/golden-hour.jpg',\n    },\n    { label: 'Harsh', value: 'harsh', image: '/img/thumbs/lighting/harsh.jpg' },\n    {\n        label: 'Long Expose',\n        value: 'longExpose',\n        image: '/img/thumbs/lighting/long-expose.jpg',\n    },\n    {\n        label: 'Low Light',\n        value: 'lowLight',\n        image: '/img/thumbs/lighting/low-light.jpg',\n    },\n    {\n        label: 'Multi Expose',\n        value: 'multiExpose',\n        image: '/img/thumbs/lighting/multi-expose.jpg',\n    },\n    {\n        label: 'Studio',\n        value: 'studio',\n        image: '/img/thumbs/lighting/studio.jpg',\n    },\n    {\n        label: 'Sunreal',\n        value: 'sunreal',\n        image: '/img/thumbs/lighting/sunreal.jpg',\n    },\n]\n\nexport const cameraOptions = [\n    { label: 'No camera', value: 'noCamera', icon: <TbBan />, isIcon: true },\n    {\n        label: 'Close Up',\n        value: 'closeUp',\n        image: '/img/thumbs/camera/close-up.jpg',\n    },\n    {\n        label: 'Detailed',\n        value: 'detailed',\n        image: '/img/thumbs/camera/detailed.jpg',\n    },\n    {\n        label: 'Landscape',\n        value: 'landscape',\n        image: '/img/thumbs/camera/landscape.jpg',\n    },\n    {\n        label: 'Shot From Above',\n        value: 'shotFromAbove',\n        image: '/img/thumbs/camera/shot-from-above.jpg',\n    },\n    {\n        label: 'Shot From Below',\n        value: 'shotFromBelow',\n        image: '/img/thumbs/camera/shot-from-below.jpg',\n    },\n    {\n        label: 'Through Window',\n        value: 'throughWindow',\n        image: '/img/thumbs/camera/through-window.jpg',\n    },\n    {\n        label: 'Wide Angle',\n        value: 'wideAngle',\n        image: '/img/thumbs/camera/wide-angle.jpg',\n    },\n]\n"],"names":["aspectRatioOptions","TbRectangle","LuRectangleVertical","LuSquare","LuRectangleHorizontal","styleOptions","jsx","TbBan","toneOptions","lightingOptions","cameraOptions"],"mappings":"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"}