{"version":3,"sources":["../ui/src/components/player-components/emojiPicker/emojiPicker.tsx"],"sourcesContent":["// @ts-ignore\r\nimport Picker from '@emoji-mart/react';\r\nimport data from '@emoji-mart/data/sets/14/apple.json';\r\nimport {useEffect, useState} from \"react\";\r\nimport { conditions, getWebEnvConfig } from 'helpers';\r\nimport { ConditionName, IEmojiPickerProps, IEmojiType, zIndex } from 'interfaces';\r\nimport { getEmojiUrl } from '../../../../../services';\r\n\r\nconst EmojiPicker = ({onClickOutside, setSelectedEmoji, parentClassName, emojiClassName, enableUnified}: IEmojiPickerProps) => {\r\n\r\n    const [custom, setCustom] = useState<any>(undefined);\r\n\r\n    useEffect(() => {\r\n        const emojiPickerElement: any = document.getElementsByTagName(\"em-emoji-picker\")[0];\r\n        if (emojiPickerElement && !!emojiClassName && emojiClassName.length > 0) emojiClassName.map((item:string)=> emojiPickerElement.classList.add(item))\r\n        else if (emojiPickerElement) emojiPickerElement.classList.add(conditions(ConditionName.isTouchScreen) ? \"pl-relative\" : \"pl-absolute\", conditions(ConditionName.isTouchScreen) ? \"pl-bottom-full\" : \"pl-top-[60px]\", conditions(ConditionName.isTouchScreen) ? \"pl-w-screen\" : `pl-w-[500px]`, \"pl-right-0\", conditions(ConditionName.isTouchScreen) ? \"pl-h-[250px]\" : \"pl-h-[350px]\");\r\n    }, [custom])\r\n\r\n    useEffect(() => {\r\n        if (enableUnified) {\r\n            fetch(`${getWebEnvConfig('emojisBaseUrl')}config.json`).then((response) => response.json()).then((data) => {\r\n                setCustom(\r\n                    data.emjMart.map((item: any) => {\r\n                        return {\r\n                            id: item.id,\r\n                            name: item.name,\r\n                            emojis: item.emojis.map((item: any) => ({\r\n                                id: item.name,\r\n                                name: item.name,\r\n                                keywords: [item.name, ...item.keywords],\r\n                                skins: [{ src: `${getWebEnvConfig('emojisBaseUrl')}${item.name}.png`, unified: item.name }],\r\n                            })),\r\n                        }\r\n                    })\r\n                )\r\n            }).catch(() => setCustom([]));\r\n        } else setCustom([])\r\n    }, []);\r\n\r\n    return (\r\n        <div className={`pl-w-full pl-flex pl-items-center pl-justify-center !pl-absolute ${parentClassName}`}\r\n             style={{zIndex: zIndex.emojiPicker}}>\r\n            {\r\n                custom && (\r\n                    <Picker\r\n                        theme={conditions(ConditionName.isDarkMode) ? \"dark\" : \"light\"}\r\n                        i18n={{\r\n                            \"rtl\": true,\r\n                            \"search\": \"جستجو\",\r\n                            \"search_no_results_1\": \"اوه نه!\",\r\n                            \"search_no_results_2\": \"این ایموجی بافت نشد\",\r\n                            \"pick\": \"یک ایموجی انتخاب کنید\",\r\n                            \"add_custom\": \"ایموجی سفارشی اضافه کنید\",\r\n                            \"categories\": {\r\n                                \"activity\": \"فعالیت\",\r\n                                \"custom\": \"سفارشی\",\r\n                                \"flags\": \"پرچم ها\",\r\n                                \"foods\": \"غذا و نوشیدنی\",\r\n                                \"frequent\": \"پر استفاده ها\",\r\n                                \"nature\": \"حیوانات و طبیعت\",\r\n                                \"objects\": \"اشیاء\",\r\n                                \"people\": \"شکلک ها و مردم\",\r\n                                \"places\": \"سفر و مکان ها\",\r\n                                \"search\": \"نتایج جستجو\",\r\n                                \"symbols\": \"نمادها\"\r\n                            },\r\n                            \"skins\": {\r\n                                \"choose\": \"رنگ پوسته پیش فرض را انتخب کنید\",\r\n                                \"1\": \"پیش فرض\",\r\n                                \"2\": \"روشن\",\r\n                                \"3\": \"میانه-روشن\",\r\n                                \"4\": \"میانه\",\r\n                                \"5\": \"میانه تاریک\",\r\n                                \"6\": \"تاریک\"\r\n                            }\r\n                        }}\r\n                        skinTonePosition=\"none\"\r\n                        data={data}\r\n                        onEmojiSelect={(emoji: IEmojiType) => {\r\n                            if (enableUnified) setSelectedEmoji(emoji.unified!)\r\n                            else setSelectedEmoji(emoji.native!)\r\n                        }}\r\n                        getSpritesheetURL={() => `${getEmojiUrl()}/all.png`}\r\n                        perLine={9}\r\n                        custom={custom}\r\n                        set={enableUnified ? \"apple\" : \"\" }\r\n                        navPosition={\"none\"}\r\n                        onClickOutside={onClickOutside}\r\n                        dynamicWidth={true}\r\n                    />\r\n                )\r\n            }\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default EmojiPicker;"],"mappings":"gGAAAA,IACA,OAAOC,MAAY,oBACnB,OAAOC,MAAU,sCACjB,OAAQ,aAAAC,EAAW,YAAAC,MAAe,QAyCd,cAAAC,MAAA,oBApCpB,IAAMC,EAAc,CAAC,CAAC,eAAAC,EAAgB,iBAAAC,EAAkB,gBAAAC,EAAiB,eAAAC,EAAgB,cAAAC,CAAa,IAAyB,CAE3H,GAAM,CAACC,EAAQC,CAAS,EAAIC,EAAc,MAAS,EAEnD,OAAAC,EAAU,IAAM,CACZ,IAAMC,EAA0B,SAAS,qBAAqB,iBAAiB,EAAE,CAAC,EAC9EA,GAAwBN,GAAkBA,EAAe,OAAS,EAAGA,EAAe,IAAKO,GAAeD,EAAmB,UAAU,IAAIC,CAAI,CAAC,EACzID,GAAoBA,EAAmB,UAAU,IAAIE,iBAAsC,EAAI,cAAgB,cAAeA,iBAAsC,EAAI,iBAAmB,gBAAiBA,iBAAsC,EAAI,cAAgB,eAAgB,aAAcA,iBAAsC,EAAI,eAAiB,cAAc,CAC1X,EAAG,CAACN,CAAM,CAAC,EAEXG,EAAU,IAAM,CACRJ,EACA,MAAM,GAAGQ,EAAgB,eAAe,CAAC,aAAa,EAAE,KAAMC,GAAaA,EAAS,KAAK,CAAC,EAAE,KAAMC,GAAS,CACvGR,EACIQ,EAAK,QAAQ,IAAKJ,IACP,CACH,GAAIA,EAAK,GACT,KAAMA,EAAK,KACX,OAAQA,EAAK,OAAO,IAAKA,IAAe,CACpC,GAAIA,EAAK,KACT,KAAMA,EAAK,KACX,SAAU,CAACA,EAAK,KAAM,GAAGA,EAAK,QAAQ,EACtC,MAAO,CAAC,CAAE,IAAK,GAAGE,EAAgB,eAAe,CAAC,GAAGF,EAAK,IAAI,OAAQ,QAASA,EAAK,IAAK,CAAC,CAC9F,EAAE,CACN,EACH,CACL,CACJ,CAAC,EAAE,MAAM,IAAMJ,EAAU,CAAC,CAAC,CAAC,EACzBA,EAAU,CAAC,CAAC,CACvB,EAAG,CAAC,CAAC,EAGDR,EAAC,OAAI,UAAW,oEAAoEI,CAAe,GAC9F,MAAO,CAAC,cAA0B,EAE/B,SAAAG,GACIP,EAACiB,EAAA,CACG,MAAOJ,cAAmC,EAAI,OAAS,QACvD,KAAM,CACF,IAAO,GACP,OAAU,iCACV,oBAAuB,mCACvB,oBAAuB,sGACvB,KAAQ,kHACR,WAAc,oIACd,WAAc,CACV,SAAY,uCACZ,OAAU,uCACV,MAAS,wCACT,MAAS,uEACT,SAAY,uEACZ,OAAU,mFACV,QAAW,iCACX,OAAU,wEACV,OAAU,kEACV,OAAU,gEACV,QAAW,sCACf,EACA,MAAS,CACL,OAAU,+JACV,EAAK,wCACL,EAAK,2BACL,EAAK,0DACL,EAAK,iCACL,EAAK,gEACL,EAAK,gCACT,CACJ,EACA,iBAAiB,OACjB,KAAMG,EACN,cAAgBE,GAAsB,CACff,EAAfG,EAAgCY,EAAM,QACpBA,EAAM,MADsB,CAEtD,EACA,kBAAmB,IAAM,GAAGC,EAAY,CAAC,WACzC,QAAS,EACT,OAAQZ,EACR,IAAKD,EAAgB,QAAU,GAC/B,YAAa,OACb,eAAgBJ,EAChB,aAAc,GAClB,EAGZ,CAER,EAEOkB,EAAQnB","names":["init_esm_shims","Picker","data","useEffect","useState","jsx","EmojiPicker","onClickOutside","setSelectedEmoji","parentClassName","emojiClassName","enableUnified","custom","setCustom","useState","useEffect","emojiPickerElement","item","conditions","getWebEnvConfig","response","data","Picker","emoji","getEmojiUrl","emojiPicker_default"]}