@orbe-agro/client-core 5.3.147 → 5.3.156

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

@@ -1 +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","index","classNames","isLastChild","TbPlus","BillingHistory","CreditCardDialog"],"mappings":"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"}
+{"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","index","classNames","isLastChild","TbPlus","BillingHistory","CreditCardDialog"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAyBA,MAAMA,IAAS;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,GAEMC,KAAkB,MAAM;AAC1B,QAAMC,IAAWC,EAAY,GAEvB,CAACC,GAAcC,CAAe,IAAIC,EAIrC;AAAA,IACC,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,UAAU,CAAA;AAAA,EAAC,CACd,GAEK;AAAA,IACF,MAAAC,IAAO;AAAA,MACH,aAAa;AAAA,QACT,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,cAAc;AAAA,QACd,iBAAiB;AAAA,QACjB,QAAQ;AAAA,MACZ;AAAA,MACA,gBAAgB,CAAC;AAAA,MACjB,oBAAoB,CAAA;AAAA,IAAC;AAAA,EACzB,IACAC;AAAA,IACA;AAAA,IACA,MAAMC,EAAkD;AAAA,IACxD;AAAA,MACI,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,uBAAuB;AAAA,IAAA;AAAA,EAE/B,GAEMC,IAAuB,CAACC,MAA8B;AACxC,IAAAN,EAAA;AAAA,MACZ,MAAM;AAAA,MACN,YAAY;AAAA,MACZ,UAAUM;AAAA,IAAA,CACb;AAAA,EACL,GAEMC,IAA8B,MAAM;AACtB,IAAAP,EAAA;AAAA,MACZ,MAAM;AAAA,MACN,YAAY;AAAA,MACZ,UAAU,CAAA;AAAA,IAAC,CACd;AAAA,EACL,GAEMQ,IAA6B,YAAY;AAC3C,UAAMC,EAAM,GAAG,GACaF,EAAA,GACtBG,EAAA;AAAA,MACD,gBAAAC,EAAAC,GAAA,EAAa,MAAK,WAAU,UAAoB,wBAAA;AAAA,MACjD,EAAE,WAAW,aAAa;AAAA,IAC9B;AAAA,EACJ,GAEMC,IAA4B,OAAOC,MAAuB;AACpD,YAAA,IAAI,oBAAoBA,CAAM,GACtC,MAAML,EAAM,GAAG,GACaF,EAAA,GACtBG,EAAA;AAAA,MACD,gBAAAC,EAAAC,GAAA,EAAa,MAAK,WAAU,UAAkB,sBAAA;AAAA,MAC/C,EAAE,WAAW,aAAa;AAAA,IAC9B;AAAA,EACJ,GAEMG,IAAmB,MAAM;AAC3B,IAAAlB,EAAS,2DAA2D;AAAA,EACxE;AAEA,2BACK,OACG,EAAA,UAAA;AAAA,IAAC,gBAAAc,EAAA,MAAA,EAAG,WAAU,QAAO,UAAO,WAAA;AAAA,sBAC3B,OAAI,EAAA,WAAU,+CACX,UAAC,gBAAAK,EAAA,OAAA,EAAI,WAAU,mEACX,UAAA;AAAA,MAAC,gBAAAA,EAAA,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,QAAA,gBAAAL,EAAC,OACG,EAAA,UAAA,gBAAAA;AAAA,UAACM;AAAA,UAAA;AAAA,YACG,WAAU;AAAA,YACV,OAAM;AAAA,YACN,wBAAOC,GAAgB,CAAA,CAAA;AAAA,UAAA;AAAA,QAAA,GAE/B;AAAA,0BACC,OACG,EAAA,UAAA;AAAA,UAAC,gBAAAF,EAAA,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,YAAA,gBAAAL,EAAC,MAAG,EAAA,WAAU,aACT,UAAAT,EAAK,YAAY,MACtB;AAAA,YACA,gBAAAS,EAACQ,GAAI,EAAA,WAAU,sDACX,UAAA,gBAAAR,EAAC,QAAK,EAAA,WAAU,cACX,UAAAT,EAAK,YAAY,OAAA,CACtB,EACJ,CAAA;AAAA,UAAA,GACJ;AAAA,UACA,gBAAAc,EAAC,OAAI,EAAA,WAAU,iBACX,UAAA;AAAA,YAAA,gBAAAA,EAAC,QAAK,EAAA,UAAA;AAAA,cAAA;AAAA,cACOd,EAAK,YAAY;AAAA,YAAA,GAC9B;AAAA,YACA,gBAAAS,EAAC,UAAK,UAAG,MAAA,CAAA;AAAA,8BACR,QAAK,EAAA,UAAA;AAAA,cAAA;AAAA,cACc;AAAA,cACfS,EACI;AAAA,gBACIlB,EAAK,YACD,mBACD;AAAA,cACR,EACC,OAAO,YAAY;AAAA,YAAA,GAC5B;AAAA,8BACC,QACG,EAAA,UAAA;AAAA,cAAC,gBAAAS,EAAA,QAAA,EAAK,WAAU,QAAO,UAAG,OAAA;AAAA,cAC1B,gBAAAA;AAAA,gBAACU;AAAA,gBAAA;AAAA,kBACG,WAAU;AAAA,kBACV,aAAY;AAAA,kBACZ,QACI,KAAK;AAAA,qBACAnB,EAAK,YAAY,UAAU,KACxB;AAAA,kBAAA,IACJ,KACN,QAAQ,CAAC;AAAA,kBACX,QAAQ;AAAA,kBACR,mBAAmB;AAAA,gBAAA;AAAA,cAAA;AAAA,YACvB,EACJ,CAAA;AAAA,UAAA,EACJ,CAAA;AAAA,QAAA,EACJ,CAAA;AAAA,MAAA,GACJ;AAAA,MACA,gBAAAS,EAAC,OAAI,EAAA,WAAU,QACX,UAAA,gBAAAA;AAAA,QAACW;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,SAASP;AAAA,UACZ,UAAA;AAAA,QAAA;AAAA,MAAA,EAGL,CAAA;AAAA,IAAA,EAAA,CACJ,EACJ,CAAA;AAAA,IACA,gBAAAC,EAAC,OAAI,EAAA,WAAU,QACX,UAAA;AAAA,MAAA,gBAAAL,EAAC,QAAG,UAAc,iBAAA,CAAA;AAAA,wBACjB,OACI,EAAA,UAAA;AAAA,QAAAT,EAAK,gBAAgB,IAAI,CAACI,GAAMiB,MAC7B,gBAAAP;AAAA,UAAC;AAAA,UAAA;AAAA,YAEG,WAAWQ;AAAA,cACP;AAAA,cACA,CAACC,EAAYvB,EAAK,gBAAgBqB,CAAK,KACnC;AAAA,YACR;AAAA,YAEA,UAAA;AAAA,cAAC,gBAAAP,EAAA,OAAA,EAAI,WAAU,qBACV,UAAA;AAAA,gBAAAV,EAAK,aAAa,UACf,gBAAAK;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACG,KAAI;AAAA,oBACJ,KAAI;AAAA,kBAAA;AAAA,gBACR;AAAA,gBAEHL,EAAK,aAAa,YACf,gBAAAK;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACG,KAAI;AAAA,oBACJ,KAAI;AAAA,kBAAA;AAAA,gBACR;AAAA,gBAEJ,gBAAAK,EAAC,OAAI,EAAA,WAAU,iBACX,UAAA;AAAA,kBAAC,gBAAAA,EAAA,OAAA,EAAI,WAAU,qBACX,UAAA;AAAA,oBAAC,gBAAAA,EAAA,OAAA,EAAI,WAAU,kDACV,UAAA;AAAA,sBAAKV,EAAA;AAAA,sBAAe;AAAA,sBAAM;AAAA,sBAC1BA,EAAK;AAAA,oBAAA,GACV;AAAA,oBACCA,EAAK,WACD,gBAAAK,EAAAQ,GAAA,EAAI,WAAU,2DACX,UAAA,gBAAAH,EAAC,QAAK,EAAA,WAAU,cACX,UAAA;AAAA,sBAAA;AAAA,sBAAI;AAAA,sBACG;AAAA,oBAAA,EAAA,CACZ,EACJ,CAAA;AAAA,kBAAA,GAER;AAAA,oCACC,QAAK,EAAA,UAAA;AAAA,oBAAA;AAAA,oBACM;AAAA,oBACPrB,EAAO,SAASW,EAAK,QAAQ,IAAI,CAAC;AAAA,oBAAE;AAAA,oBACpCA,EAAK;AAAA,kBAAA,EACV,CAAA;AAAA,gBAAA,EACJ,CAAA;AAAA,cAAA,GACJ;AAAA,cACA,gBAAAK,EAAC,OAAI,EAAA,WAAU,QACX,UAAA,gBAAAA;AAAA,gBAACW;AAAA,gBAAA;AAAA,kBACG,MAAK;AAAA,kBACL,MAAK;AAAA,kBACL,SAAS,MAAMjB,EAAqBC,CAAI;AAAA,kBAC3C,UAAA;AAAA,gBAAA;AAAA,cAAA,EAGL,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,UAlDKA,EAAK;AAAA,QAAA,CAoDjB;AAAA,QACD,gBAAAK;AAAA,UAACW;AAAA,UAAA;AAAA,YACG,SAAQ;AAAA,YACR,wBAAOI,GAAO,EAAA;AAAA,YACd,SAAS,MAAM;AACK,cAAA1B,EAAA;AAAA,gBACZ,MAAM;AAAA,gBACN,YAAY;AAAA,gBACZ,UAAU,CAAA;AAAA,cAAC,CACd;AAAA,YACL;AAAA,YACH,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAED,EACJ,CAAA;AAAA,IAAA,GACJ;AAAA,IACA,gBAAAgB,EAAC,OAAI,EAAA,WAAU,QACX,UAAA;AAAA,MAAA,gBAAAL,EAAC,QAAG,UAAmB,sBAAA,CAAA;AAAA,MACvB,gBAAAA;AAAA,QAACgB;AAAA,QAAA;AAAA,UACG,WAAU;AAAA,UACV,MAAMzB,EAAK;AAAA,QAAA;AAAA,MAAA;AAAA,IACf,GACJ;AAAA,IACA,gBAAAS;AAAA,MAACiB;AAAA,MAAA;AAAA,QACG,OACI7B,EAAa,SAAS,QAChB,oBACA;AAAA,QAEV,eAAeA,EAAa;AAAA,QAC5B,YAAYA,EAAa;AAAA,QACzB,eAAeQ;AAAA,QACf,UACIR,EAAa,SAAS,QAChB,CAACe,MACGD,EAA0BC,CAAoB,IAClDN;AAAA,MAAA;AAAA,IAAA;AAAA,EAEd,GACJ;AAER;"}

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

@@ -1 +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,IAAA;AAAA,EACJ;AAEA,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;"}
+{"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,EAAa,IAAAC,GAEfC,IAA8D;AAAA,EAChE,EAAE,OAAO,WAAW,OAAO,WAAW,MAAM,gBAAAC,EAACC,KAAa,EAAG;AAAA,EAC7D,EAAE,OAAO,YAAY,OAAO,YAAY,MAAM,gBAAAD,EAACE,KAAO,EAAG;AAAA,EACzD,EAAE,OAAO,gBAAgB,OAAO,gBAAgB,MAAM,gBAAAF,EAACG,KAAO,EAAG;AAAA,EACjE,EAAE,OAAO,WAAW,OAAO,WAAW,MAAM,gBAAAH,EAACI,KAAa,EAAG;AAAA,EAC7D,EAAE,OAAO,eAAe,OAAO,eAAe,MAAM,gBAAAJ,EAACK,KAAa,EAAG;AACzE,GAEaC,IAAe,CAAC,EAAE,UAAAC,QAA0C;AACrE,QAAMC,IAAQC,EAAS,GAEjB,EAAE,aAAAC,GAAa,gBAAAC,EAAe,IAAIC,EAAiB,GAEnDC,IAAcL,EAAM,IAAI,UAAU,KAAKA,EAAM,IAAI,OAAO,KAAK,SAE7DM,IAAe,CAACC,MAAgB;AAClC,IAAAJ,EAAeI,CAAK,GACTR,IAAA;AAAA,EACf;AAEA,SACK,gBAAAP,EAAA,OAAA,EAAI,WAAU,wCACX,4BAACgB,GAAU,EAAA,WAAU,0BACjB,UAAA,gBAAAhB,EAACF,KAAK,WAAU,cACX,UAASC,EAAA,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,QAAK,EAAA,WAAU,8BACX,UAAAiB,EAAK,MACV;AAAA,QACA,gBAAAjB,EAAC,QAAM,EAAA,UAAAiB,EAAK,MAAM,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAbbA,EAAK;AAAA,EAAA,CAejB,EACL,CAAA,EACJ,CAAA,GACJ;AAER;"}

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

@@ -1 +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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"}
+{"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

@@ -1 +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","Input","Select","option","NumericInput"],"mappings":"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"}
+{"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","Input","Select","option","NumericInput"],"mappings":"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"}

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

@@ -1 +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","Controller","field","Input","Button","ConfirmDialog","authOption","index","classNames","isLastChild","Avatar"],"mappings":"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"}
+{"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","Controller","field","Input","Button","ConfirmDialog","authOption","index","classNames","isLastChild","Avatar"],"mappings":"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"}

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

@@ -1 +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;"}
+{"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,EACrE;AACJ;"}

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

@@ -1 +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;"}
+{"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;AACnB,QAAA,EAAE,QAAAC,EAAO,IAAIC,EAAc;AAEjC,2BACK,OAAI,EAAA,WAAU,UACX,UAAC,gBAAAC,EAAA,OAAA,EAAI,WAAU,+BACX,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAS,EAAA;AAAA,IACTJ,EAAO,MAAM,gBAAAG,EAACE,GAAY,CAAA,CAAA;AAAA,sBAC1BC,GAAwB,CAAA,CAAA;AAAA,EAAA,EAAA,CAC7B,EACJ,CAAA;AAER;"}

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

@@ -1 +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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"}
+{"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

@@ -1 +1 @@
-{"version":3,"file":"ChatCustomContent.js","sources":["../../../../../../../lib/@ecme/views/concepts/ai/Chat/components/ChatCustomContent.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\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","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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"}
+{"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","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

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