([]);\n\n useEffect(() => {\n getCountries();\n getSectors();\n\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n const getCountries = () => {\n LookupsService.getCountries({ acceptLanguage: localizationHelper.getLocale() }).then((res) => {\n setCountries(res.data ?? []);\n });\n };\n\n const getSectors = () => {\n LookupsService.getSectors({ acceptLanguage: localizationHelper.getLocale() }).then((res) => {\n setSectors(res.data ?? []);\n });\n };\n return [countries, sectors] as const;\n};\n","import { useNavigation, useTranslate, Tag } from \"@pankod/refine\";\nimport { BrandStatusColors } from \"Constanst\";\nimport { IBrand } from \"modules/brands/model\";\nimport React from \"react\";\nimport { Link } from \"react-router-dom\";\n\nexport const useList = () => {\n const { push } = useNavigation();\n const t = useTranslate();\n\n const showBrand = (brand: IBrand) => {\n push(\"/brands/detail/\" + brand.id);\n };\n\n const columns = [\n {\n title: (\n \n Id\n
\n ),\n key: \"id\",\n render: (text: string, row: any, index: number) => (\n \n \n showBrand(row)}\n style={{ padding: 0, borderWidth: 0, color: \"#9254de\", fontWeight: \"bold\", fontSize: \"small\" }}\n >\n #{row.id}\n \n \n
\n ),\n },\n {\n title: (\n \n {t(\"global.brand\", \"Marka\")}\n
\n ),\n dataIndex: \"name\",\n key: \"name\",\n render: (text: string, row: any, index: number) => (\n \n \n \n {\" \"}\n {text}{\" \"}\n \n \n
\n ),\n },\n {\n title: (\n \n {t(\"global.sector\")}\n
\n ),\n dataIndex: \"sector\",\n key: \"sector\",\n render: (text: string, row: any, index: number) => (\n \n {text}\n
\n ),\n },\n {\n title: (\n \n {t(\"global.country\")}\n
\n ),\n dataIndex: \"country\",\n key: \"country\",\n render: (text: string, row: any, index: number) => (\n \n {text}\n
\n ),\n },\n {\n title: (\n \n {t(\"global.contact-number\")}\n
\n ),\n dataIndex: \"phoneNumber\",\n key: \"phone\",\n render: (text: string, row: any, index: number) => (\n \n {text}\n
\n ),\n },\n {\n title: (\n \n {t(\"global.contact-email\")}\n
\n ),\n dataIndex: \"email\",\n key: \"email\",\n render: (text: string, row: any, index: number) => {text},\n },\n {\n title: (\n \n {t(\"pages.brand.statu\")}\n
\n ),\n dataIndex: \"status\",\n key: \"status\",\n render: (text: string, row: any, index: number) => {\n return {t([\"global.brand.status.\", row.status].join(\"\"))};\n },\n },\n {\n title: (\n \n {t(\"global.action\")}\n
\n ),\n render: (text: string, row: any, index: number) => (\n \n \n \n {t(\"campaign.create.result.secondaryButton\")}\n \n \n
\n ),\n },\n ];\n\n return [columns] as const;\n};\n","import { Col, Form, Row, Space, Table } from \"@pankod/refine\";\nimport { FunctionComponent } from \"react\";\nimport { useList } from \"./hooks\";\n\ninterface ListComponentProps {\n data: any[];\n onPageChange: any;\n pagination: any;\n dataLoading: any;\n}\n\nexport const List: FunctionComponent = (props: ListComponentProps) => {\n const [columns] = useList();\n return (\n <>\n \n \n \n \n
\n \n );\n};\n","import { Card, Col, Row, Space, useTranslate } from \"@pankod/refine\";\nimport { PageTitle } from \"components/PageTitle/PageTitle\";\nimport { FunctionComponent } from \"react\";\nimport { Filter } from \"./Filter\";\nimport { List } from \"./List\";\nimport { useAdminBrandList } from \"./hooks/useAdminBrandList\";\n\nexport const AdminBrandList: FunctionComponent = () => {\n const t = useTranslate();\n const [dataLoading, data, pagination, handleTableChange, applyFilter] = useAdminBrandList();\n return (\n \n \n \n Buraya yardım içeriği gelecek} />\n
\n \n \n
\n
\n \n \n \n
\n );\n};\n","import { PaginationConstant } from \"Constanst\";\nimport { localizationHelper } from \"helpers/globalizationHelper\";\nimport { useEffect, useState } from \"react\";\nimport { BrandsService } from \"services\";\nimport { Pagination } from \"services/core/Pagination\";\n\nexport const useAdminBrandList = () => {\n const [pagination, setPagination] = useState({\n current: PaginationConstant.initialPage,\n pageSize: PaginationConstant.initialPageSize,\n });\n const [dataLoading, setDataLoading] = useState(false);\n const [data, setData] = useState();\n const [filterValues, setFilterValues] = useState({});\n const [search, setSearch] = useState(true);\n\n useEffect(() => {\n if (search) getData();\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [search]);\n\n const getData = () => {\n setDataLoading(true);\n BrandsService.searchBrands({\n requestBody: prepareFilterRequest(),\n acceptLanguage: localizationHelper.getLocale(),\n }).then((resp) => {\n setDataLoading(false);\n setData(resp?.data?.data);\n setPagination({\n current: pagination.current,\n pageSize: pagination.pageSize,\n total: resp?.data?.pageInfo.totalItemCount,\n });\n setSearch(false);\n });\n };\n\n const prepareFilterRequest = () => ({\n name: filterValues.brandName ?? null,\n sectorId: filterValues.sector ?? null,\n brandStatus: filterValues.status ?? null,\n countryId: filterValues.country ?? null,\n hasMarketingPermission: filterValues.hasMarketingPermission ?? null,\n pageNumber: pagination.current,\n pageSize: pagination.pageSize,\n });\n\n const handleTableChange = (page: any) => {\n setPagination({\n current: page.current,\n pageSize: page.pageSize,\n total: page.total,\n });\n setSearch(true);\n };\n\n const applyFilter = (values: any) => {\n setPagination({\n current: PaginationConstant.initialPage,\n pageSize: PaginationConstant.initialPageSize,\n });\n setFilterValues(values);\n setSearch(true);\n };\n return [dataLoading, data, pagination, handleTableChange, applyFilter] as const;\n};\n","import { Authenticated, LayoutWrapper } from \"@pankod/refine\";\nimport { RoleHelper, Roles } from \"helpers/roleHelper\";\nimport { FC } from \"react\";\nimport { AdminBrandList } from \"modules/brands/list/AdminBrandList\";\n\nexport const BrandList: FC = () => {\n return (\n \n {RoleHelper.isInRole(Roles.Admin) || RoleHelper.isInRole(Roles.Root) ? : null}\n \n );\n};\n","import { LayoutWrapper } from \"@pankod/refine\";\nimport { ReceiptList } from \"modules/brands/detail/admin\";\nexport const Receipt = () => {\n return (\n \n \n \n );\n};\n","import { Button, Form, Select, Space, useTranslate } from \"@pankod/refine\";\nimport { Col, Row } from \"antd\";\nimport { GetPlatforms } from \"helpers/StateHelpers\";\nimport { ICampaignData } from \"pages/campaign/Model/CampaignList\";\nimport { SocialPlatform } from \"pages/profile/models\";\nimport { FunctionComponent, useEffect, useState } from \"react\";\n\nexport interface IActionCampaignStep2Data {\n platforms: SocialPlatform[] | null;\n category: string | null;\n whitelistCategories: string[] | null;\n blacklistCategories: string[] | null;\n country: string | null;\n}\n\ninterface ActionCampaignStep2Props {\n categories: any[];\n countries: any[];\n campaignData: ICampaignData;\n formFinished: (campaignData: IActionCampaignStep2Data) => void;\n back: any;\n isEditPage: boolean;\n}\n\nexport const ActionCampaignStep2: FunctionComponent = (props: ActionCampaignStep2Props) => {\n const t = useTranslate();\n const [form] = Form.useForm();\n const [categoryOptions, setCategoryOptions] = useState([]);\n const [whiteListCategoryOptions, setWhiteListCategoryOptions] = useState([]);\n const [blackListCategoryOptions, setBlackListCategoryOptions] = useState([]);\n\n const colStyle = {\n marginLeft: \"10px\",\n marginRight: \"10px\",\n };\n\n useEffect(() => {\n if (props.campaignData) {\n form.resetFields();\n prepareCategories();\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [props.campaignData]);\n\n const getCategoryOptions = () => {\n let categories: any[] = [];\n\n if (props.categories && props.categories.length > 0) {\n const categoryFieldValue = form.getFieldValue(\"categories\");\n const whiteListCategoryFieldValue = form.getFieldValue(\"whitelistCategories\");\n const blackListCategoryFieldValue = form.getFieldValue(\"blacklistCategories\");\n\n categories = props.categories.filter((c) => {\n if (categoryFieldValue && categoryFieldValue.length > 0 && categoryFieldValue.includes(c.id)) {\n return false;\n }\n if (whiteListCategoryFieldValue && whiteListCategoryFieldValue.length > 0 && whiteListCategoryFieldValue.includes(c.id)) {\n return false;\n }\n if (blackListCategoryFieldValue && blackListCategoryFieldValue.length > 0 && blackListCategoryFieldValue.includes(c.id)) {\n return false;\n }\n\n return true;\n });\n\n let normalCategories: any[] = JSON.parse(JSON.stringify(categories));\n let whiteListCategories: any[] = JSON.parse(JSON.stringify(categories));\n let blackListCategories: any[] = JSON.parse(JSON.stringify(categories));\n\n if (categoryFieldValue && categoryFieldValue.length > 0) {\n const existingCategories = props.categories.filter((c) => categoryFieldValue.includes(c.id));\n existingCategories.forEach((c) => normalCategories.push(c));\n existingCategories.forEach((c) => whiteListCategories.unshift(c));\n }\n if (whiteListCategoryFieldValue && whiteListCategoryFieldValue.length > 0) {\n const existingCategories = props.categories.filter((c) => whiteListCategoryFieldValue.includes(c.id));\n existingCategories.forEach((c) => whiteListCategories.push(c));\n existingCategories.forEach((c) => normalCategories.unshift(c));\n }\n if (blackListCategoryFieldValue && blackListCategoryFieldValue.length > 0) {\n const existingCategories = props.categories.filter((c) => blackListCategoryFieldValue.includes(c.id));\n existingCategories.forEach((c) => blackListCategories.push(c));\n }\n normalCategories = [...new Set(normalCategories)];\n whiteListCategories = [...new Set(whiteListCategories)];\n blackListCategories = [...new Set(blackListCategories)];\n\n setCategoryOptions(\n normalCategories.map((c) => {\n return {\n label: c.name,\n value: c.id,\n };\n })\n );\n setWhiteListCategoryOptions(\n whiteListCategories.map((c) => {\n return {\n label: c.name,\n value: c.id,\n };\n })\n );\n setBlackListCategoryOptions(\n blackListCategories.map((c) => {\n return {\n label: c.name,\n value: c.id,\n };\n })\n );\n }\n };\n\n const prepareCategories = () => {\n getCategoryOptions();\n };\n\n return (\n {\n props.formFinished(values);\n }}\n >\n \n \n \n {\n return {\n label: country.text,\n value: country.id,\n };\n })}\n />\n \n \n prepareCategories()}\n mode={\"multiple\"}\n options={categoryOptions}\n filterOption={(input, option) =>\n option.props.value.toLowerCase().indexOf(input.toLowerCase()) >= 0 ||\n option.props.label.toLowerCase().indexOf(input.toLowerCase()) >= 0\n }\n />\n \n \n \n \n prepareCategories()}\n options={whiteListCategoryOptions}\n filterOption={(input, option) =>\n option.props.value.toLowerCase().indexOf(input.toLowerCase()) >= 0 ||\n option.props.label.toLowerCase().indexOf(input.toLowerCase()) >= 0\n }\n />\n \n \n prepareCategories()}\n mode={\"multiple\"}\n options={blackListCategoryOptions}\n filterOption={(input, option) =>\n option.props.value.toLowerCase().indexOf(input.toLowerCase()) >= 0 ||\n option.props.label.toLowerCase().indexOf(input.toLowerCase()) >= 0\n }\n />\n \n \n \n \n \n \n \n
\n\n \n \n props.back()}\n style={{ marginLeft: \"auto\" }}\n type=\"primary\"\n >\n {t(\"buttons.back\")}\n \n \n \n \n \n );\n};\n","import { Button, DatePicker, Form, Input, Space, useTranslate } from \"@pankod/refine\";\r\nimport { Col, Row } from \"antd\";\r\nimport dayjs from \"dayjs\";\r\nimport { localizationHelper } from \"helpers/globalizationHelper\";\r\nimport { ICampaignData } from \"pages/campaign/Model/CampaignList\";\r\nimport { FunctionComponent, useEffect, useState } from \"react\";\r\nimport { Money } from \"services/models/money\";\r\n// import locale from \"@pankod/refine/src/components/antd/tr/date-picker/style/index.css\";\r\n\r\nexport interface IActionCampaignStep3Data {\r\n startDate: string | null;\r\n endDate: string | null;\r\n totalAmount: number | null;\r\n influencerTotalAmount: string | null;\r\n minimumInfluencerCount: string | null;\r\n amountByClick: string | null;\r\n amountByClickFenomioEarning: string | null;\r\n amountByClickInfluencerEarning: string | null;\r\n amountByInfluencer: string | null;\r\n}\r\n\r\ninterface ActionCampaignStep3Props {\r\n campaignData: ICampaignData;\r\n formFinished: (campaignData: IActionCampaignStep3Data) => void;\r\n back: any;\r\n isEditPage: boolean;\r\n}\r\n\r\nexport const ActionCampaignStep3: FunctionComponent = (props: ActionCampaignStep3Props) => {\r\n const t = useTranslate();\r\n\r\n const [selectedStartDate, setSelectedStartDate] = useState(null);\r\n const [form] = Form.useForm();\r\n const [marj, setMarj] = useState(\"...\");\r\n\r\n const colStyle = {\r\n marginLeft: \"10px\",\r\n marginRight: \"10px\",\r\n };\r\n\r\n useEffect(() => {\r\n if (props.campaignData) {\r\n form.resetFields();\r\n calculateAmountByClickInfluencerEarning();\r\n calculateAmountByInfluencer();\r\n getMarj();\r\n setSelectedStartDate(dayjs(props.campaignData.startDate));\r\n }\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [props.campaignData]);\r\n\r\n const getMarj = () => {\r\n if (\r\n form.getFieldValue(\"totalAmount\") &&\r\n +form.getFieldValue(\"totalAmount\") > 0 &&\r\n form.getFieldValue(\"influencerTotalAmount\") &&\r\n +form.getFieldValue(\"influencerTotalAmount\")\r\n ) {\r\n const totalAmount = +form.getFieldValue(\"totalAmount\");\r\n const totalInfAmount = +form.getFieldValue(\"influencerTotalAmount\");\r\n setMarj(((100 * (totalAmount - totalInfAmount)) / totalAmount).toString());\r\n } else {\r\n setMarj(\"...\");\r\n }\r\n };\r\n\r\n const disabledStartDate = (current: any) => {\r\n return current < dayjs().add(-1, \"day\");\r\n };\r\n\r\n const disabledEndDate = (current: any) => {\r\n if (selectedStartDate) {\r\n return current < selectedStartDate.add(1, \"day\");\r\n }\r\n return false;\r\n };\r\n\r\n const calculateAmountByInfluencer = () => {\r\n if (form.getFieldValue(\"influencerTotalAmount\") && form.getFieldValue(\"minimumInfluencerCount\")) {\r\n form.setFieldsValue({\r\n amountByInfluencer: new Money(+form.getFieldValue(\"influencerTotalAmount\") / form.getFieldValue(\"minimumInfluencerCount\")),\r\n });\r\n }\r\n };\r\n\r\n const calculateAmountByClickInfluencerEarning = () => {\r\n if (form.getFieldValue(\"amountByClick\") && form.getFieldValue(\"influencerTotalAmount\") && form.getFieldValue(\"totalAmount\")) {\r\n form.setFieldsValue({\r\n amountByClickInfluencerEarning: new Money(\r\n +form.getFieldValue(\"amountByClick\") * (form.getFieldValue(\"influencerTotalAmount\") / form.getFieldValue(\"totalAmount\"))\r\n ),\r\n });\r\n }\r\n };\r\n\r\n return (\r\n {\r\n let data = { ...props.campaignData, ...values };\r\n props.formFinished(data);\r\n }}\r\n onValuesChange={(values) => {\r\n getMarj();\r\n }}\r\n >\r\n \r\n \r\n \r\n {\r\n setSelectedStartDate(c);\r\n form.setFieldsValue({ endDate: null });\r\n }}\r\n disabledDate={disabledStartDate}\r\n style={{ width: \"100%\" }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n \r\n void) => {\r\n +value < 0 ? cb(t(\"global.please-positiveAmount\")) : cb();\r\n },\r\n },\r\n ]}\r\n initialValue={props.campaignData.totalAmount}\r\n >\r\n calculateAmountByClickInfluencerEarning()} type={\"number\"} />\r\n \r\n void) => {\r\n +value > +form.getFieldValue(\"totalAmount\")\r\n ? cb(t(\"campaign.create.step3.totalAmountCondition\"))\r\n : cb();\r\n },\r\n },\r\n {\r\n validator: (rule: any, value: string, cb: (msg?: string) => void) => {\r\n +value < 0 ? cb(t(\"global.please-positive\")) : cb();\r\n },\r\n },\r\n ]}\r\n initialValue={props.campaignData.influencerTotalAmount}\r\n >\r\n {\r\n calculateAmountByClickInfluencerEarning();\r\n calculateAmountByInfluencer();\r\n }}\r\n type={\"number\"}\r\n />\r\n \r\n \r\n \r\n void) => {\r\n +value < 0 ? cb(t(\"global.please-positive\")) : cb();\r\n },\r\n },\r\n ]}\r\n name=\"minimumInfluencerCount\"\r\n initialValue={props.campaignData.minimumInfluencerCount}\r\n >\r\n calculateAmountByInfluencer()} type={\"number\"} />\r\n \r\n void) => {\r\n +value > +form.getFieldValue(\"totalAmount\")\r\n ? cb(t(\"campaign.create.step3.totalAmountCondition\"))\r\n : cb();\r\n },\r\n },\r\n {\r\n validator: (rule: any, value: string, cb: (msg?: string) => void) => {\r\n +value < 0 ? cb(t(\"global.please-positive\")) : cb();\r\n },\r\n },\r\n ]}\r\n initialValue={props.campaignData.amountByClick}\r\n >\r\n calculateAmountByClickInfluencerEarning()} type={\"number\"} />\r\n \r\n \r\n \r\n void) => {\r\n +value > +form.getFieldValue(\"influencerTotalAmount\")\r\n ? cb(t(\"pages.phenomenon.condition-total-budget\"))\r\n : cb();\r\n },\r\n },\r\n {\r\n validator: (rule: any, value: string, cb: (msg?: string) => void) => {\r\n +value < 0 ? cb(t(\"global.please-positive\")) : cb();\r\n },\r\n },\r\n ]}\r\n initialValue={props.campaignData.amountByClickInfluencerEarning}\r\n >\r\n \r\n \r\n void) => {\r\n +value < 0 ? cb(t(\"global.please-positive\")) : cb();\r\n },\r\n },\r\n ]}\r\n initialValue={props.campaignData.amountByInfluencer}\r\n extra={t(\"campaign.create.step3.amountByInfluencerExtra\", { profitMargin: marj })}\r\n >\r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n};\r\n","import { Modal, Typography } from \"@pankod/refine\";\nimport { ButtonTypes } from \"components/fenomio-antd-props\";\nconst { Title } = Typography;\n\ninterface IPopModalProps {\n title?: string;\n titleLevel?: 1 | 2 | 3 | 4 | 5;\n content: JSX.Element;\n isVisible: boolean;\n\n buttonTextCancel?: string;\n buttonTypeCancel?: ButtonTypes;\n onCancel?: any;\n\n onOk?: any;\n buttonTextOK?: string;\n buttonTypeOK?: ButtonTypes;\n\n footer?: any;\n}\n\nexport const PopModal = (props: IPopModalProps) => {\n return (\n <>\n {props.title}}\n visible={props.isVisible}\n cancelText={props.buttonTextCancel}\n cancelButtonProps={{ type: props.buttonTypeCancel }}\n okText={props.buttonTextOK}\n okType={props.buttonTypeOK}\n onCancel={props.onCancel}\n onOk={props.onOk}\n footer={props.footer}\n closable\n >\n {props.content}\n \n \n );\n};\n","import { useState } from \"react\";\nimport { Space, Button, Typography, useTranslate } from \"@pankod/refine\";\nimport { PopModal } from \"components/Modal/PopModal\";\n\nconst { Text, Title, Paragraph } = Typography;\n\ninterface ShowCampaignExplanationProps {\n buttonLocation?: \"flex-start\" | \"flex-end\" | \"center\" | undefined;\n description?: string | null | undefined;\n}\n\nexport const ShowCampaignExplanation = (props: ShowCampaignExplanationProps) => {\n const t = useTranslate();\n const [activeModal, setActiveModal] = useState(0);\n const [copied, setCopied] = useState(false);\n\n return (\n <>\n {t(\"campaign.create.step1.campaignExplanationLabel\")}\n {props.description?.truncate(250, true)}\n
\n \n {\n setActiveModal(1);\n }}\n style={{ marginLeft: 0, marginRight: 0, paddingLeft: 0, paddingRight: 0 }}\n >\n {t(\"global.campaign-description-show-popup\")}\n \n \n {\n setActiveModal(0);\n setCopied(false);\n }}\n buttonTextOK={copied ? t(\"global.copied\") : t(\"global.copy\")}\n buttonTypeOK={\"default\"}\n onOk={() => {\n navigator.clipboard.writeText(props.description!);\n setCopied(true);\n }}\n content={\n <>\n \n \n {props.description}\n \n \n \n }\n />\n \n );\n};\n","import { EditOutlined } from \"@ant-design/icons\";\r\nimport { Button, Col, Form, Row, Space, Typography, useTranslate } from \"@pankod/refine\";\r\nimport { ShowCampaignExplanation } from \"components/atomics/show-items\";\r\nimport { TrackingPlatform } from \"Constanst\";\r\nimport { GetPlatforms, GetTrackingPlatformText } from \"helpers/StateHelpers\";\r\nimport { ICampaignData } from \"pages/campaign/Model/CampaignList\";\r\nimport { FunctionComponent } from \"react\";\r\nimport { Money } from \"services/models/money\";\r\n\r\nconst { Text, Title } = Typography;\r\n\r\ninterface ActionCampaignStep4Props {\r\n campaignData: ICampaignData;\r\n formFinished: (campaignData: ICampaignData) => void;\r\n triggerEdit: (pageNo: number) => void;\r\n approved: () => void;\r\n loading: boolean;\r\n brands: any[];\r\n categories: any[];\r\n countries: any[];\r\n back: any;\r\n isEditPage: boolean;\r\n}\r\n\r\nexport const ActionCampaignStep4: FunctionComponent = (props: ActionCampaignStep4Props) => {\r\n const t = useTranslate();\r\n const getMarj = () => {\r\n if (\r\n props.campaignData.totalAmount &&\r\n +props.campaignData.totalAmount > 0 &&\r\n props.campaignData.influencerTotalAmount &&\r\n +props.campaignData.influencerTotalAmount > 0\r\n ) {\r\n const totalAmount = +props.campaignData.totalAmount;\r\n const totalInfAmount = +props.campaignData.influencerTotalAmount;\r\n return (100 * (totalAmount - totalInfAmount)) / totalAmount;\r\n } else {\r\n return \"-\";\r\n }\r\n };\r\n\r\n return (\r\n {\r\n props.approved();\r\n }}\r\n >\r\n \r\n \r\n {t(\"global.campaign\")}\r\n \r\n {\r\n props.triggerEdit(0);\r\n }}\r\n >\r\n \r\n \r\n \r\n
\r\n \r\n \r\n {t(\"campaign.create.step1.brandNameLabel\")}\r\n {props.brands.filter((p) => p.id === props.campaignData.brandName)[0].name}\r\n\r\n {props.campaignData.trackingPlatform && props.campaignData.trackingPlatform === TrackingPlatform.BcnMoniteze && (\r\n <>\r\n {t(\"campaign.create.step1.influencerBrandNameLabel\")}\r\n {props.brands.filter((p) => p.id === props.campaignData.influencerBrandName)[0].name}\r\n \r\n )}\r\n\r\n {t(\"campaign.create.step1.campaignNameLabel\")}\r\n {props.campaignData.campaignName}\r\n \r\n \r\n \r\n\r\n {t(\"campaign.create.step1.campaignLinkLabel\")}\r\n {props.campaignData.campaignLink}\r\n \r\n \r\n {t(\"campaign.create.step1.trackingPlatformLabel\")}\r\n {props.campaignData.trackingPlatform && GetTrackingPlatformText(props.campaignData.trackingPlatform)} \r\n\r\n {t(\"campaign.create.step1.trackingCodeLabel\")}\r\n {props.campaignData.trackingCode}\r\n \r\n
\r\n
\r\n \r\n \r\n {t(\"campaign.create.step2.stepTitle\")}\r\n \r\n {\r\n props.triggerEdit(1);\r\n }}\r\n >\r\n \r\n \r\n \r\n
\r\n \r\n \r\n {t(\"global.location\")}\r\n {props.countries.filter((p) => p.id === props.campaignData.country)[0].text}\r\n\r\n {t(\"global.platforms\")}\r\n \r\n {GetPlatforms()\r\n .filter((sm) => props.campaignData.platforms?.includes(sm.value))\r\n .map((sm) => sm.label)\r\n .join(\" - \")}\r\n \r\n \r\n \r\n {t(\"global.categories\")}\r\n \r\n {props.categories\r\n .filter((c) => props.campaignData.categories?.includes(c.id))\r\n .map((c) => \"#\" + c.name)\r\n .join(\" - \")}\r\n \r\n \r\n \r\n {t(\"campaign.create.step2.whitelistCategoriesLabel\")}\r\n \r\n {props.categories\r\n .filter((c) => props.campaignData.whitelistCategories?.includes(c.id))\r\n .map((c) => \"#\" + c.name)\r\n .join(\" - \")}\r\n \r\n \r\n \r\n {t(\"campaign.create.step2.blacklistCategoriesLabell\")}\r\n \r\n {props.categories\r\n .filter((c) => props.campaignData.blacklistCategories?.includes(c.id))\r\n .map((c) => \"#\" + c.name)\r\n .join(\" - \")}\r\n \r\n \r\n
\r\n
\r\n \r\n \r\n {t(\"campaign.create.step3.stepTitle\")}\r\n \r\n {\r\n props.triggerEdit(2);\r\n }}\r\n >\r\n \r\n \r\n \r\n
\r\n \r\n \r\n {t(\"global.start-date\")}\r\n {(props.campaignData.startDate as any).format(\"YYYY-MM-DD\")}\r\n\r\n {t(\"campaign.create.step3.minimumInfluencerCountLabel\")}\r\n {props.campaignData.minimumInfluencerCount}\r\n\r\n {t(\"campaign.create.step3.influencerExtra\")}\r\n {getMarj()}\r\n \r\n \r\n {t(\"global.end-date\")}\r\n {props.campaignData.endDate && (props.campaignData.endDate as any).format(\"YYYY-MM-DD\")}\r\n\r\n {t(\"campaign.create.step3.amountByClickLabel\")}\r\n {new Money(props.campaignData.amountByClick).toStringWithCurrency(\"₺\")}\r\n \r\n \r\n {t(\"global.total-budget\")}\r\n {new Money(props.campaignData.totalAmount).toStringWithCurrency(\"₺\")}\r\n\r\n {t(\"campaign.create.step3.amountByClickInfluencerEarningLabel\")}\r\n {new Money(props.campaignData.amountByClickInfluencerEarning).toStringWithCurrency(\"₺\")}\r\n \r\n \r\n {t(\"campaign.create.step3.influencerTotalAmountLabel\")}\r\n {new Money(props.campaignData.influencerTotalAmount).toStringWithCurrency(\"₺\")}\r\n\r\n {t(\"campaign.create.step3.amountByInfluencerLabel\")}\r\n {new Money(props.campaignData.amountByInfluencer).toStringWithCurrency(\"₺\")}\r\n \r\n
\r\n\r\n \r\n \r\n \r\n {props.isEditPage ? (\r\n \r\n ) : (\r\n \r\n )}\r\n \r\n \r\n \r\n );\r\n};\r\n","import { Category } from \"../../pages/campaign/Model/GetAllCategoryData\";\nimport { CancelablePromise } from \"../core/CancelablePromise\";\nimport { request as __request } from \"../core/request\";\nimport { Fenomio_Common_BaseModels_Api_DataResponse } from \"../models/Fenomio_Common_BaseModels_Api_DataResponse\";\n\nexport class CategoryService {\n public static getAllCategory({\n acceptLanguage,\n }: {\n /** Please, set language. **/\n acceptLanguage?: any;\n }): CancelablePromise> {\n return __request({\n method: \"GET\",\n path: `categories/getall`,\n headers: {\n \"Accept-Language\": acceptLanguage,\n },\n });\n }\n\n public static getCategoryById({\n id,\n acceptLanguage,\n }: {\n /** Please, set language. **/\n id: string;\n acceptLanguage?: any;\n }): CancelablePromise> {\n return __request({\n method: \"GET\",\n path: `categories/` + id,\n headers: {\n \"Accept-Language\": acceptLanguage,\n },\n });\n }\n\n public static searchCategory({ body, acceptLanguage }: { body: any; acceptLanguage?: any }): CancelablePromise {\n return __request({\n method: \"POST\",\n path: `categories/search`,\n headers: {\n \"Accept-Language\": acceptLanguage,\n },\n body: body,\n });\n }\n\n public static updateCategory({ body, acceptLanguage, id }: { body: any; acceptLanguage?: any; id: string }): CancelablePromise {\n return __request({\n method: \"PUT\",\n path: `categories/` + id,\n headers: {\n \"Accept-Language\": acceptLanguage,\n },\n body: body,\n });\n }\n public static createCategory({ body, acceptLanguage }: { body: any; acceptLanguage?: any }): CancelablePromise {\n return __request({\n method: \"POST\",\n path: `categories/create`,\n headers: {\n \"Accept-Language\": acceptLanguage,\n },\n body: body,\n });\n }\n}\n","import { Steps, StepsProps, useTranslate } from \"@pankod/refine\";\n\nconst { Step } = Steps;\n\nconst StepComponent = (props: StepsProps) => {\n const t = useTranslate();\n return (\n \n \n \n \n \n \n );\n};\nexport default StepComponent;\n","import { Button, Form, Input, Select, Space, useTranslate } from \"@pankod/refine\";\r\nimport { CampaignType, TrackingPlatform } from \"Constanst\";\r\nimport { ICampaignData } from \"pages/campaign/Model/CampaignList\";\r\nimport { FunctionComponent, useEffect, useState } from \"react\";\r\nimport { Col, Row } from \"antd\";\r\nimport { GetTrackingPlatforms } from \"helpers/StateHelpers\";\r\n\r\nconst { TextArea } = Input;\r\n\r\nexport interface ICampaignStep1Data {\r\n brandName: string | null;\r\n campaignName: string | null;\r\n campaignExplanation: string | null;\r\n campaignLink: string | null;\r\n trackingPlatform: number | null;\r\n trackingCode: string | null;\r\n actionExplanation?: string;\r\n}\r\n\r\ninterface CampaignStep1Props {\r\n brands: any[];\r\n campaignType: CampaignType;\r\n campaignData: ICampaignData;\r\n formFinished: (campaignData: ICampaignStep1Data) => void;\r\n back: any;\r\n isEditPage: boolean;\r\n}\r\n\r\nexport const CampaignStep1: FunctionComponent = (props: CampaignStep1Props) => {\r\n const t = useTranslate();\r\n const [form] = Form.useForm();\r\n const [influencerBrandDisable, setInfluencerBrandDisable] = useState(true);\r\n\r\n const colStyle = {\r\n marginLeft: \"10px\",\r\n marginRight: \"10px\",\r\n };\r\n\r\n useEffect(() => {\r\n if (props.campaignData) {\r\n form.resetFields();\r\n }\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [props.campaignData]);\r\n\r\n return (\r\n {\r\n props.formFinished(values);\r\n }}\r\n >\r\n \r\n \r\n \r\n {\r\n form.setFieldsValue({ influencerBrandName: x });\r\n }}\r\n options={props.brands.map((brand) => {\r\n return {\r\n label: brand.name,\r\n value: brand.id,\r\n };\r\n })}\r\n />\r\n \r\n \r\n {\r\n return {\r\n label: brand.name,\r\n value: brand.id,\r\n };\r\n })}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {props.campaignType !== CampaignType.clicking && (\r\n <>\r\n \r\n setInfluencerBrandDisable(v !== TrackingPlatform.BcnMoniteze)}\r\n disabled={props.isEditPage}\r\n placeholder={t(\"campaign.create.step1.trackingPlatformPlaceholder\")}\r\n options={GetTrackingPlatforms()}\r\n />\r\n \r\n {props.campaignType !== CampaignType.download && (\r\n <>\r\n \r\n \r\n \r\n \r\n )}\r\n \r\n )}\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n {!props.isEditPage && (\r\n \r\n )}\r\n \r\n \r\n \r\n \r\n );\r\n};\r\n","import { Button, Space, useNavigation, useTranslate } from \"@pankod/refine\";\nimport { FunctionComponent } from \"react\";\nimport { CampaignType } from \"../../../Constanst\";\nimport { Col, Row } from \"antd\";\n\ninterface DownloadCampaignResultProps {\n createdCampaignId: any;\n createdCampaignType: CampaignType;\n paymentFail: any;\n isEditPage: boolean;\n}\n\nconst CampaignCreateResult: FunctionComponent = (props: DownloadCampaignResultProps) => {\n const { push } = useNavigation();\n const t = useTranslate();\n const params = new URLSearchParams(window.location.search);\n const campaignId = params.get(\"campaignId\");\n\n return (\n <>\n \n {t(\"campaign.create.result.paragraph\")}\n
\n {props.paymentFail === \"true\" && (\n <>\n \n \n \n ![\"paymentFail\"](\"/images/payment/cancel.png\")
\n \n
\n \n \n \n {t(\"pages.payment.error\")}\n
\n \n
\n \n \n )}\n\n {props.paymentFail === \"false\" && (\n <>\n \n \n \n ![\"paymentSuccess\"](\"/images/payment/success.png\")
\n \n
\n \n \n \n {t(\"pages.payment.success\")}\n
\n \n
\n \n \n )}\n\n {(props.paymentFail === null || props.paymentFail === \"false\") && (\n \n \n {\n push(\"/campaign/detail\", {\n id: campaignId || props.createdCampaignId,\n typeHash: props.createdCampaignType,\n });\n }}\n >\n {t(\"campaign.create.result.primaryButton\")}\n \n \n \n {\n push(\"/campaign/list\");\n }}\n >\n {t(\"campaign.create.result.secondaryButton\")}\n \n \n
\n )}\n \n );\n};\n\nexport default CampaignCreateResult;\n","import { useTranslate } from \"@pankod/refine\";\nimport { PageContainer } from \"components/pageContainer/pageContainer\";\nimport { CampaignType } from \"Constanst\";\nimport { ICampaignData } from \"pages/campaign/Model/CampaignList\";\nimport { SocialPlatform } from \"pages/profile/models\";\nimport { FunctionComponent, useEffect, useState } from \"react\";\nimport { ActionCampaignStep2, ActionCampaignStep3, ActionCampaignStep4, IActionCampaignStep2Data, IActionCampaignStep3Data } from \"./Steps\";\nimport { BrandsService, CampaignsService, LookupsService } from \"../../../../../services\";\nimport { localizationHelper } from \"../../../../../helpers/globalizationHelper\";\nimport { CategoryService } from \"../../../../../services/services/CategoryService\";\nimport StepComponent from \"components/CreateCampaigns/StepComponent\";\nimport { CampaignStep1, ICampaignStep1Data } from \"../../step1\";\nimport CampaignCreateResult from \"../../Result\";\nimport moment from \"moment\";\n\ninterface CreateActionCampaignProps {\n back: any;\n isEditPage: any;\n campaignDetail: any;\n campaignId: any;\n}\n\nexport const CreateActionCampaign: FunctionComponent = (props: CreateActionCampaignProps) => {\n const t = useTranslate();\n const [currentPage, setCurrentPage] = useState(0);\n const [isLoading, setLoading] = useState(false);\n const [campaignData, setCampaignData] = useState({\n campaignType: CampaignType.clicking,\n platforms: [] as SocialPlatform[],\n } as ICampaignData);\n\n const [brands, setBrands] = useState([]);\n const [categories, setCategories] = useState([]);\n const [countries, setCountries] = useState([]);\n const [createdCampaignId, setCreatedCampaignId] = useState(null);\n\n useEffect(() => {\n getBrands();\n getCategories();\n getCountries();\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n const createCampaign = () => {\n setLoading(true);\n\n let requestBody = {\n brandId: campaignData.brandName,\n influencerBrandId: campaignData.influencerBrandName,\n type: CampaignType.action,\n actionDescription: campaignData.actionExplanation,\n managementType: 2,\n name: campaignData.campaignName,\n description: campaignData.campaignExplanation,\n link: campaignData.campaignLink,\n trackingCode: campaignData.trackingCode,\n trackingPlatform: campaignData.trackingPlatform,\n countryCode: campaignData.country,\n categoryIds: campaignData.categories,\n whiteListCategoryIds: campaignData.whitelistCategories,\n blackListCategoryIds: campaignData.blacklistCategories,\n platforms: campaignData.platforms,\n startDate: campaignData.startDate?.format(\"YYYY-MM-DD\"),\n endDate: campaignData.endDate?.format(\"YYYY-MM-DD\"),\n totalBudget: campaignData.totalAmount,\n influencerTotalBudget: campaignData.influencerTotalAmount,\n perClickActionInstallAmount: campaignData.amountByClick,\n perClickActionInstallInfluencerEarning: campaignData.amountByClickInfluencerEarning,\n perInfluencerBudget: campaignData.amountByInfluencer,\n minimumInfluencerCount: campaignData.minimumInfluencerCount,\n };\n\n if (props.isEditPage) {\n CampaignsService.updateCampaign({\n id: props.campaignId,\n body: {\n description: requestBody.description,\n categoryIds: requestBody.categoryIds,\n whiteListCategoryIds: requestBody.whiteListCategoryIds,\n blackListCategoryIds: requestBody.blackListCategoryIds,\n platforms: requestBody.platforms,\n endDate: requestBody.endDate,\n },\n acceptLanguage: localizationHelper.getLocale(),\n }).then((resp) => {\n setCreatedCampaignId(props.campaignId);\n setLoading(false);\n setCurrentPage(4);\n });\n } else {\n CampaignsService.createCampaign({\n body: requestBody,\n acceptLanguage: localizationHelper.getLocale(),\n }).then((resp) => {\n setCreatedCampaignId(resp.data.Id);\n setLoading(false);\n setCurrentPage(4);\n });\n }\n };\n\n useEffect(() => {\n if (props.campaignDetail && props.isEditPage) {\n setCampaignData({\n campaignType: CampaignType.action,\n brandName: props.campaignDetail.brandId,\n influencerBrandName: props.campaignDetail.influencerBrandId,\n campaignLink: props.campaignDetail.link,\n campaignExplanation: props.campaignDetail.description,\n campaignName: props.campaignDetail.name,\n country: props.campaignDetail.countryId,\n categories:\n props.campaignDetail.categories && props.campaignDetail.categories.length > 0\n ? (props.campaignDetail.categories as any[]).map((c) => c.id)\n : [],\n whitelistCategories:\n props.campaignDetail.whitelistCategories && props.campaignDetail.whitelistCategories.length > 0\n ? (props.campaignDetail.whitelistCategories as any[]).map((c) => c.id)\n : [],\n blacklistCategories:\n props.campaignDetail.blacklistCategories && props.campaignDetail.blacklistCategories.length > 0\n ? (props.campaignDetail.blacklistCategories as any[]).map((c) => c.id)\n : [],\n platforms:\n props.campaignDetail.platforms && props.campaignDetail.platforms.length > 0\n ? (props.campaignDetail.platforms as any[]).map((p) => p)\n : [],\n startDate: moment(props.campaignDetail.unformattedStartDate),\n endDate: moment(props.campaignDetail.unformattedEndDate),\n totalAmount: props.campaignDetail.totalBudgetDecimal,\n influencerTotalAmount: props.campaignDetail.influencerTotalBudgetDecimal,\n amountByClick: props.campaignDetail.perClickActionInstallAmount,\n minimumInfluencerCount: props.campaignDetail.minimumInfluencerCount,\n trackingPlatform: props.campaignDetail.trackingPlatform,\n trackingCode: props.campaignDetail.trackingCode,\n amountByInfluencer: props.campaignDetail.perInfluencerBudget,\n amountByClickInfluencerEarning: props.campaignDetail.amountByClickInfluencerEarning,\n } as ICampaignData);\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [props.campaignDetail]);\n\n const getCountries = () => {\n LookupsService.getCountries({ acceptLanguage: localizationHelper.getLocale() }).then((res) => {\n setCountries(res.data ?? []);\n });\n };\n\n const getBrands = () => {\n BrandsService.getAllBrands({\n acceptLanguage: localizationHelper.getLocale(),\n }).then((resp) => {\n setBrands(resp.data);\n });\n };\n\n const getCategories = () => {\n CategoryService.getAllCategory({ acceptLanguage: localizationHelper.getLocale() })\n .then((res) => {\n setCategories(res.data);\n })\n .catch((error) => {\n console.error(error);\n });\n };\n\n return (\n \n <>\n \n
\n {currentPage === 0 && (\n {\n setCampaignData({ ...campaignData, ...data });\n setCurrentPage(currentPage + 1);\n }}\n />\n )}\n {currentPage === 1 && (\n setCurrentPage(0)}\n countries={countries}\n isEditPage={props.isEditPage}\n categories={categories}\n campaignData={campaignData}\n formFinished={(data: IActionCampaignStep2Data) => {\n setCampaignData({ ...campaignData, ...data });\n setCurrentPage(currentPage + 1);\n }}\n />\n )}\n {currentPage === 2 && (\n setCurrentPage(1)}\n campaignData={campaignData}\n formFinished={(data: IActionCampaignStep3Data) => {\n setCampaignData({ ...campaignData, ...data });\n setCurrentPage(currentPage + 1);\n }}\n />\n )}\n {currentPage === 3 && (\n setCurrentPage(2)}\n brands={brands}\n categories={categories}\n countries={countries}\n loading={isLoading}\n campaignData={campaignData}\n formFinished={() => {\n setCurrentPage(currentPage + 1);\n }}\n triggerEdit={(page) => {\n setCurrentPage(page);\n }}\n approved={createCampaign}\n />\n )}\n {currentPage === 4 && (\n \n )}\n \n \n );\n};\n","import { Button, Form, Select, Space, useTranslate } from \"@pankod/refine\";\nimport { Col, Row } from \"antd\";\nimport { GetPlatforms } from \"helpers/StateHelpers\";\nimport { ICampaignData } from \"pages/campaign/Model/CampaignList\";\nimport { SocialPlatform } from \"pages/profile/models\";\nimport { FunctionComponent, useEffect, useState } from \"react\";\n\nexport interface IClickCampaignStep2Data {\n platforms: SocialPlatform[] | null;\n category: string | null;\n whitelistCategories: string[] | null;\n blacklistCategories: string[] | null;\n country: string | null;\n}\n\ninterface ClickCampaignStep2Props {\n categories: any[];\n countries: any[];\n campaignData: ICampaignData;\n formFinished: (campaignData: IClickCampaignStep2Data) => void;\n back: any;\n isEditPage: boolean;\n}\n\nexport const ClickCampaignStep2: FunctionComponent = (props: ClickCampaignStep2Props) => {\n const t = useTranslate();\n const [form] = Form.useForm();\n const [categoryOptions, setCategoryOptions] = useState([]);\n const [whiteListCategoryOptions, setWhiteListCategoryOptions] = useState([]);\n const [blackListCategoryOptions, setBlackListCategoryOptions] = useState([]);\n const colStyle = {\n marginLeft: \"10px\",\n marginRight: \"10px\",\n };\n\n useEffect(() => {\n prepareCategories();\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n useEffect(() => {\n if (props.campaignData) {\n form.resetFields();\n prepareCategories();\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [props.campaignData]);\n\n const getCategoryOptions = () => {\n let categories: any[] = [];\n\n if (props.categories && props.categories.length > 0) {\n const categoryFieldValue = form.getFieldValue(\"categories\");\n const whiteListCategoryFieldValue = form.getFieldValue(\"whitelistCategories\");\n const blackListCategoryFieldValue = form.getFieldValue(\"blacklistCategories\");\n\n categories = props.categories.filter((c) => {\n if (categoryFieldValue && categoryFieldValue.length > 0 && categoryFieldValue.includes(c.id)) {\n return false;\n }\n if (whiteListCategoryFieldValue && whiteListCategoryFieldValue.length > 0 && whiteListCategoryFieldValue.includes(c.id)) {\n return false;\n }\n if (blackListCategoryFieldValue && blackListCategoryFieldValue.length > 0 && blackListCategoryFieldValue.includes(c.id)) {\n return false;\n }\n\n return true;\n });\n\n let normalCategories: any[] = JSON.parse(JSON.stringify(categories));\n let whiteListCategories: any[] = JSON.parse(JSON.stringify(categories));\n let blackListCategories: any[] = JSON.parse(JSON.stringify(categories));\n\n if (categoryFieldValue && categoryFieldValue.length > 0) {\n const existingCategories = props.categories.filter((c) => categoryFieldValue.includes(c.id));\n existingCategories.forEach((c) => normalCategories.push(c));\n existingCategories.forEach((c) => whiteListCategories.unshift(c));\n }\n if (whiteListCategoryFieldValue && whiteListCategoryFieldValue.length > 0) {\n const existingCategories = props.categories.filter((c) => whiteListCategoryFieldValue.includes(c.id));\n existingCategories.forEach((c) => whiteListCategories.push(c));\n existingCategories.forEach((c) => normalCategories.unshift(c));\n }\n if (blackListCategoryFieldValue && blackListCategoryFieldValue.length > 0) {\n const existingCategories = props.categories.filter((c) => blackListCategoryFieldValue.includes(c.id));\n existingCategories.forEach((c) => blackListCategories.push(c));\n }\n normalCategories = [...new Set(normalCategories)];\n whiteListCategories = [...new Set(whiteListCategories)];\n blackListCategories = [...new Set(blackListCategories)];\n\n const normalOptions = normalCategories.map((c) => {\n return {\n label: c.name,\n value: c.id,\n };\n });\n setCategoryOptions(normalOptions);\n\n const whiteListOptions = whiteListCategories.map((c) => {\n return {\n label: c.name,\n value: c.id,\n };\n });\n setWhiteListCategoryOptions(whiteListOptions);\n\n const blacklistOptions = blackListCategories.map((c) => {\n return {\n label: c.name,\n value: c.id,\n };\n });\n setBlackListCategoryOptions(blacklistOptions);\n }\n };\n\n const prepareCategories = () => {\n getCategoryOptions();\n };\n\n return (\n {\n props.formFinished(values);\n }}\n >\n \n \n \n {\n return {\n label: country.text,\n value: country.id,\n };\n })}\n />\n \n \n prepareCategories()}\n options={categoryOptions}\n filterOption={(input, option) =>\n option.props.value.toLowerCase().indexOf(input.toLowerCase()) >= 0 ||\n option.props.label.toLowerCase().indexOf(input.toLowerCase()) >= 0\n }\n />\n \n \n \n \n prepareCategories()}\n options={whiteListCategoryOptions}\n filterOption={(input, option) =>\n option.props.value.toLowerCase().indexOf(input.toLowerCase()) >= 0 ||\n option.props.label.toLowerCase().indexOf(input.toLowerCase()) >= 0\n }\n />\n \n \n prepareCategories()}\n filterOption={(input, option) =>\n option.props.value.toLowerCase().indexOf(input.toLowerCase()) >= 0 ||\n option.props.label.toLowerCase().indexOf(input.toLowerCase()) >= 0\n }\n />\n \n \n \n \n \n \n \n
\n\n \n \n props.back()}\n style={{ marginLeft: \"auto\"}}\n type=\"default\"\n >\n {t(\"buttons.back\")}\n \n \n \n \n \n );\n};\n","import { Button, DatePicker, Form, Input, Space, useTranslate } from \"@pankod/refine\";\r\nimport { Col, Row } from \"antd\";\r\nimport dayjs from \"dayjs\";\r\nimport { localizationHelper } from \"helpers/globalizationHelper\";\r\nimport { ICampaignData } from \"pages/campaign/Model/CampaignList\";\r\nimport { FunctionComponent, useEffect, useState } from \"react\";\r\nimport { Money } from \"services/models/money\";\r\n\r\nexport interface IClickCampaignStep3Data {\r\n startDate: string | null;\r\n endDate: string | null;\r\n totalAmount: number | null;\r\n influencerTotalAmount: string | null;\r\n minimumInfluencerCount: string | null;\r\n amountByClick: string | null;\r\n amountByClickFenomioEarning: string | null;\r\n amountByClickInfluencerEarning: string | null;\r\n amountByInfluencer: string | null;\r\n}\r\n\r\ninterface ClickCampaignStep3Props {\r\n campaignData: ICampaignData;\r\n formFinished: (campaignData: IClickCampaignStep3Data) => void;\r\n back: any;\r\n isEditPage: boolean;\r\n}\r\n\r\nexport const ClickCampaignStep3: FunctionComponent = (props: ClickCampaignStep3Props) => {\r\n const t = useTranslate();\r\n\r\n const [selectedStartDate, setSelectedStartDate] = useState(null);\r\n const [form] = Form.useForm();\r\n const [marj, setMarj] = useState(\"...\");\r\n\r\n const colStyle = {\r\n marginLeft: \"10px\",\r\n marginRight: \"10px\",\r\n };\r\n\r\n useEffect(() => {\r\n if (props.campaignData && props.isEditPage) {\r\n form.resetFields();\r\n calculateAmountByClickInfluencerEarning();\r\n calculateAmountByInfluencer();\r\n getMarj();\r\n setSelectedStartDate(dayjs(props.campaignData.startDate));\r\n }\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [props.campaignData]);\r\n\r\n const disabledStartDate = (current: any) => {\r\n return current < dayjs().add(-1, \"day\");\r\n };\r\n\r\n const disabledEndDate = (current: any) => {\r\n if (selectedStartDate) {\r\n return current < selectedStartDate.add(1, \"day\");\r\n }\r\n return false;\r\n };\r\n\r\n const getMarj = () => {\r\n if (\r\n form.getFieldValue(\"totalAmount\") &&\r\n +form.getFieldValue(\"totalAmount\") > 0 &&\r\n form.getFieldValue(\"influencerTotalAmount\") &&\r\n +form.getFieldValue(\"influencerTotalAmount\")\r\n ) {\r\n const totalAmount = +form.getFieldValue(\"totalAmount\");\r\n const totalInfAmount = +form.getFieldValue(\"influencerTotalAmount\");\r\n setMarj(((100 * (totalAmount - totalInfAmount)) / totalAmount).toString());\r\n } else {\r\n setMarj(\"...\");\r\n }\r\n };\r\n\r\n const calculateAmountByInfluencer = () => {\r\n if (form.getFieldValue(\"influencerTotalAmount\") && form.getFieldValue(\"minimumInfluencerCount\")) {\r\n form.setFieldsValue({\r\n amountByInfluencer: new Money(+form.getFieldValue(\"influencerTotalAmount\") / form.getFieldValue(\"minimumInfluencerCount\")),\r\n });\r\n }\r\n };\r\n\r\n const calculateAmountByClickInfluencerEarning = () => {\r\n if (form.getFieldValue(\"amountByClick\") && form.getFieldValue(\"influencerTotalAmount\") && form.getFieldValue(\"totalAmount\")) {\r\n form.setFieldsValue({\r\n amountByClickInfluencerEarning: new Money(\r\n +form.getFieldValue(\"amountByClick\") * (form.getFieldValue(\"influencerTotalAmount\") / form.getFieldValue(\"totalAmount\"))\r\n ),\r\n });\r\n }\r\n };\r\n\r\n return (\r\n {\r\n let data = { ...props.campaignData, ...values };\r\n props.formFinished(data);\r\n }}\r\n onValuesChange={(values) => {\r\n getMarj();\r\n }}\r\n >\r\n \r\n \r\n \r\n {\r\n setSelectedStartDate(c);\r\n form.setFieldsValue({ endDate: null });\r\n }}\r\n disabledDate={disabledStartDate}\r\n style={{ width: \"100%\" }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n \r\n void) => {\r\n +value < 0 ? cb(t(\"global.please-positiveAmount\")) : cb();\r\n },\r\n },\r\n ]}\r\n initialValue={props.campaignData.totalAmount}\r\n >\r\n calculateAmountByClickInfluencerEarning()}\r\n step={0.1}\r\n type={\"number\"}\r\n />\r\n \r\n void) => {\r\n +value > +form.getFieldValue(\"totalAmount\")\r\n ? cb(t(\"campaign.create.step3.totalAmountCondition\"))\r\n : cb();\r\n },\r\n },\r\n {\r\n required: true,\r\n message: t(\"campaign.create.step3.please-influencerTotalAmountLabel\"),\r\n },\r\n {\r\n validator: (rule: any, value: string, cb: (msg?: string) => void) => {\r\n +value < 0 ? cb(t(\"global.please-positive\")) : cb();\r\n },\r\n },\r\n ]}\r\n initialValue={props.campaignData.influencerTotalAmount}\r\n >\r\n {\r\n calculateAmountByClickInfluencerEarning();\r\n calculateAmountByInfluencer();\r\n }}\r\n step={0.1}\r\n type={\"number\"}\r\n />\r\n \r\n \r\n \r\n void) => {\r\n +value < 0 ? cb(t(\"global.please-positive\")) : cb();\r\n },\r\n },\r\n ]}\r\n name=\"minimumInfluencerCount\"\r\n initialValue={props.campaignData.minimumInfluencerCount}\r\n >\r\n calculateAmountByInfluencer()} step={0.1} type={\"number\"} />\r\n \r\n void) => {\r\n +value > +form.getFieldValue(\"totalAmount\")\r\n ? cb(t(\"campaign.create.step3.totalAmountCondition\"))\r\n : cb();\r\n },\r\n },\r\n {\r\n required: true,\r\n message: t(\"campaign.create.step3.amountByClickRule\"),\r\n },\r\n {\r\n validator: (rule: any, value: string, cb: (msg?: string) => void) => {\r\n +value < 0 ? cb(t(\"global.please-positive\")) : cb();\r\n },\r\n },\r\n ]}\r\n initialValue={props.campaignData.amountByClick}\r\n >\r\n calculateAmountByClickInfluencerEarning()}\r\n step={0.1}\r\n type={\"number\"}\r\n />\r\n \r\n \r\n \r\n void) => {\r\n +value > +form.getFieldValue(\"influencerTotalAmount\")\r\n ? cb(t(\"pages.phenomenon.condition-total-budget\"))\r\n : cb();\r\n },\r\n },\r\n {\r\n validator: (rule: any, value: string, cb: (msg?: string) => void) => {\r\n +value < 0 ? cb(t(\"global.please-positive\")) : cb();\r\n },\r\n },\r\n ]}\r\n initialValue={props.campaignData.amountByClickInfluencerEarning}\r\n >\r\n \r\n \r\n void) => {\r\n +value < 0 ? cb(t(\"global.please-positive\")) : cb();\r\n },\r\n },\r\n ]}\r\n initialValue={props.campaignData.amountByInfluencer}\r\n extra={t(\"campaign.create.step3.amountByInfluencerExtra\", { profitMargin: marj })}\r\n >\r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n};\r\n","import { EditOutlined } from \"@ant-design/icons\";\r\nimport { Button, Col, Form, Row, Space, Typography, useTranslate } from \"@pankod/refine\";\r\nimport { ShowCampaignExplanation } from \"components/atomics/show-items\";\r\nimport { GetPlatforms } from \"helpers/StateHelpers\";\r\nimport { ICampaignData } from \"pages/campaign/Model/CampaignList\";\r\nimport { FunctionComponent } from \"react\";\r\nimport { Money } from \"services/models/money\";\r\n\r\nconst { Text, Title } = Typography;\r\n\r\ninterface ClickCampaignStep4Props {\r\n campaignData: ICampaignData;\r\n formFinished: (campaignData: ICampaignData) => void;\r\n triggerEdit: (pageNo: number) => void;\r\n approved: () => void;\r\n loading: boolean;\r\n brands: any[];\r\n categories: any[];\r\n countries: any[];\r\n back: any;\r\n isEditPage: boolean;\r\n}\r\n\r\nexport const ClickCampaignStep4: FunctionComponent = (props: ClickCampaignStep4Props) => {\r\n const t = useTranslate();\r\n const getMarj = () => {\r\n if (\r\n props.campaignData.totalAmount &&\r\n +props.campaignData.totalAmount > 0 &&\r\n props.campaignData.influencerTotalAmount &&\r\n +props.campaignData.influencerTotalAmount > 0\r\n ) {\r\n const totalAmount = +props.campaignData.totalAmount;\r\n const totalInfAmount = +props.campaignData.influencerTotalAmount;\r\n return (100 * (totalAmount - totalInfAmount)) / totalAmount;\r\n } else {\r\n return \"-\";\r\n }\r\n };\r\n\r\n return (\r\n {\r\n props.approved();\r\n }}\r\n >\r\n \r\n \r\n {t(\"campaign.create.step1.stepTitle\")}\r\n \r\n {\r\n props.triggerEdit(0);\r\n }}\r\n >\r\n \r\n \r\n \r\n
\r\n \r\n \r\n {t(\"campaign.create.step1.brandNameLabel\")}\r\n {props.brands.filter((p) => p.id === props.campaignData.brandName)[0].name}\r\n\r\n {t(\"campaign.create.step1.campaignNameLabel\")}\r\n {props.campaignData.campaignName}\r\n \r\n \r\n \r\n \r\n \r\n {t(\"campaign.create.step1.campaignLinkLabel\")}\r\n {props.campaignData.campaignLink}\r\n \r\n
\r\n
\r\n \r\n \r\n {t(\"campaign.create.step2.stepTitle\")}\r\n \r\n {\r\n props.triggerEdit(1);\r\n }}\r\n >\r\n \r\n \r\n \r\n
\r\n \r\n \r\n {t(\"global.location\")}\r\n {props.countries.filter((p) => p.id === props.campaignData.country)[0].text}\r\n\r\n {t(\"global.platforms\")}\r\n \r\n {GetPlatforms()\r\n .filter((sm) => props.campaignData.platforms?.includes(sm.value))\r\n .map((sm) => sm.label)\r\n .join(\" - \")}\r\n \r\n \r\n \r\n {t(\"global.categories\")}\r\n \r\n {props.categories\r\n .filter((c) => props.campaignData.categories?.includes(c.id))\r\n .map((c) => \"#\" + c.name)\r\n .join(\" - \")}\r\n \r\n \r\n \r\n {t(\"campaign.create.step2.whitelistCategoriesLabel\")}\r\n \r\n {props.categories\r\n .filter((c) => props.campaignData.whitelistCategories?.includes(c.id))\r\n .map((c) => \"#\" + c.name)\r\n .join(\" - \")}\r\n \r\n \r\n \r\n {t(\"campaign.create.step2.blacklistCategoriesLabell\")}\r\n \r\n {props.categories\r\n .filter((c) => props.campaignData.blacklistCategories?.includes(c.id))\r\n .map((c) => \"#\" + c.name)\r\n .join(\" - \")}\r\n \r\n \r\n
\r\n
\r\n \r\n \r\n {t(\"campaign.create.step3.stepTitle\")}\r\n \r\n {\r\n props.triggerEdit(2);\r\n }}\r\n >\r\n \r\n \r\n \r\n
\r\n \r\n \r\n {t(\"global.start-date\")}\r\n {(props.campaignData.startDate as any).format(\"YYYY-MM-DD\")}\r\n\r\n {t(\"campaign.create.step3.minimumInfluencerCountLabel\")}\r\n {props.campaignData.minimumInfluencerCount}\r\n\r\n {t(\"campaign.create.step3.influencerExtra\")}\r\n {getMarj()}\r\n \r\n \r\n {t(\"global.end-date\")}\r\n {props.campaignData.endDate && (props.campaignData.endDate as any).format(\"YYYY-MM-DD\")}\r\n\r\n {t(\"campaign.create.step3.amountByClickLabel\")}\r\n {new Money(props.campaignData.amountByClick).toStringWithCurrency(\"₺\")}\r\n \r\n \r\n {t(\"global.total-budget\")}\r\n {new Money(props.campaignData.totalAmount).toStringWithCurrency(\"₺\")}\r\n\r\n {t(\"campaign.create.step3.amountByClickInfluencerEarningLabel\")}\r\n {new Money(props.campaignData.amountByClickInfluencerEarning).toStringWithCurrency(\"₺\")}\r\n \r\n \r\n {t(\"campaign.create.step3.influencerTotalAmountLabel\")}\r\n {new Money(props.campaignData.influencerTotalAmount).toStringWithCurrency(\"₺\")}\r\n\r\n {t(\"campaign.create.step3.amountByInfluencerLabel\")}\r\n {new Money(props.campaignData.amountByInfluencer).toStringWithCurrency(\"₺\")}\r\n \r\n
\r\n\r\n \r\n \r\n \r\n {props.isEditPage ? (\r\n \r\n ) : (\r\n \r\n )}\r\n \r\n \r\n \r\n );\r\n};\r\n","import { useTranslate } from \"@pankod/refine\";\nimport { PageContainer } from \"components/pageContainer/pageContainer\";\nimport { CampaignManagementType, CampaignType } from \"Constanst\";\nimport { ICampaignData } from \"pages/campaign/Model/CampaignList\";\nimport { FunctionComponent, useEffect, useState } from \"react\";\nimport { ClickCampaignStep2, ClickCampaignStep3, ClickCampaignStep4, IClickCampaignStep2Data, IClickCampaignStep3Data } from \"./Steps\";\nimport { BrandsService, CampaignsService, LookupsService } from \"../../../../../services\";\nimport { localizationHelper } from \"../../../../../helpers/globalizationHelper\";\nimport { CategoryService } from \"../../../../../services/services/CategoryService\";\nimport StepComponent from \"components/CreateCampaigns/StepComponent\";\nimport { CampaignStep1, ICampaignStep1Data } from \"../../step1\";\nimport CampaignCreateResult from \"../../Result\";\nimport moment from \"moment\";\n\ninterface CreateClickCampaignProps {\n back: any;\n isEditPage: boolean;\n campaignDetail: any;\n campaignId: any;\n}\n\nexport const CreateClickCampaign: FunctionComponent = (props: CreateClickCampaignProps) => {\n const t = useTranslate();\n const [currentPage, setCurrentPage] = useState(0);\n const [isLoading, setLoading] = useState(false);\n const [campaignData, setCampaignData] = useState({\n campaignType: CampaignType.clicking,\n } as ICampaignData);\n\n const [brands, setBrands] = useState([]);\n const [categories, setCategories] = useState([]);\n const [countries, setCountries] = useState([]);\n const [createdCampaignId, setCreatedCampaignId] = useState(null);\n\n useEffect(() => {\n getBrands();\n getCategories();\n getCountries();\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n useEffect(() => {\n if (props.campaignDetail && props.isEditPage) {\n setCampaignData({\n campaignType: CampaignType.clicking,\n brandName: props.campaignDetail.brandId,\n influencerBrandName: props.campaignDetail.influencerBrandId,\n campaignLink: props.campaignDetail.link,\n campaignExplanation: props.campaignDetail.description,\n campaignName: props.campaignDetail.name,\n country: props.campaignDetail.countryId,\n categories:\n props.campaignDetail.categories && props.campaignDetail.categories.length > 0\n ? (props.campaignDetail.categories as any[]).map((c) => c.id)\n : [],\n whitelistCategories:\n props.campaignDetail.whitelistCategories && props.campaignDetail.whitelistCategories.length > 0\n ? (props.campaignDetail.whitelistCategories as any[]).map((c) => c.id)\n : [],\n blacklistCategories:\n props.campaignDetail.blacklistCategories && props.campaignDetail.blacklistCategories.length > 0\n ? (props.campaignDetail.blacklistCategories as any[]).map((c) => c.id)\n : [],\n platforms:\n props.campaignDetail.platforms && props.campaignDetail.platforms.length > 0\n ? (props.campaignDetail.platforms as any[]).map((p) => p)\n : [],\n startDate: moment(props.campaignDetail.unformattedStartDate),\n endDate: moment(props.campaignDetail.unformattedEndDate),\n totalAmount: props.campaignDetail.totalBudgetDecimal,\n influencerTotalAmount: props.campaignDetail.influencerTotalBudgetDecimal,\n amountByClick: props.campaignDetail.perClickActionInstallAmount,\n minimumInfluencerCount: props.campaignDetail.minimumInfluencerCount,\n amountByInfluencer: props.campaignDetail.perInfluencerBudget,\n amountByClickInfluencerEarning: props.campaignDetail.amountByClickInfluencerEarning,\n trackingPlatform: props.campaignDetail.trackingPlatform,\n } as ICampaignData);\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [props.campaignDetail]);\n\n const createCampaign = () => {\n setLoading(true);\n\n let requestBody = {\n brandId: campaignData.brandName,\n influencerBrandId: campaignData.influencerBrandName,\n type: CampaignType.clicking,\n managementType: CampaignManagementType.Managed,\n name: campaignData.campaignName,\n description: campaignData.campaignExplanation,\n link: campaignData.campaignLink,\n countryCode: campaignData.country,\n categoryIds: campaignData.categories,\n whiteListCategoryIds: campaignData.whitelistCategories,\n blackListCategoryIds: campaignData.blacklistCategories,\n platforms: campaignData.platforms,\n startDate: campaignData.startDate?.format(\"YYYY-MM-DD\"),\n endDate: campaignData.endDate?.format(\"YYYY-MM-DD\"),\n totalBudget: campaignData.totalAmount,\n influencerTotalBudget: campaignData.influencerTotalAmount,\n perClickActionInstallAmount: campaignData.amountByClick,\n perClickActionInstallInfluencerEarning: campaignData.amountByClickInfluencerEarning,\n perInfluencerBudget: campaignData.amountByInfluencer,\n minimumInfluencerCount: campaignData.minimumInfluencerCount,\n };\n\n if (props.isEditPage) {\n CampaignsService.updateCampaign({\n id: props.campaignId,\n body: {\n description: requestBody.description,\n categoryIds: requestBody.categoryIds,\n whiteListCategoryIds: requestBody.whiteListCategoryIds,\n blackListCategoryIds: requestBody.blackListCategoryIds,\n platforms: requestBody.platforms,\n endDate: requestBody.endDate,\n },\n acceptLanguage: localizationHelper.getLocale(),\n }).then((resp) => {\n setCreatedCampaignId(props.campaignId);\n setLoading(false);\n setCurrentPage(4);\n });\n } else {\n CampaignsService.createCampaign({\n body: requestBody,\n acceptLanguage: localizationHelper.getLocale(),\n }).then((resp) => {\n setCreatedCampaignId(resp.data.Id);\n setLoading(false);\n setCurrentPage(4);\n });\n }\n };\n\n const getCountries = () => {\n LookupsService.getCountries({ acceptLanguage: localizationHelper.getLocale() }).then((res) => {\n setCountries(res.data ?? []);\n });\n };\n\n const getBrands = () => {\n BrandsService.getAllBrands({\n acceptLanguage: localizationHelper.getLocale(),\n }).then((resp) => {\n setBrands(resp.data);\n });\n };\n\n const getCategories = () => {\n CategoryService.getAllCategory({ acceptLanguage: localizationHelper.getLocale() })\n .then((res) => {\n setCategories(res.data);\n })\n .catch((error) => {\n console.error(error);\n });\n };\n\n return (\n \n <>\n \n
\n {currentPage === 0 && (\n {\n setCampaignData({ ...campaignData, ...data });\n setCurrentPage(currentPage + 1);\n }}\n />\n )}\n {currentPage === 1 && (\n setCurrentPage(0)}\n countries={countries}\n isEditPage={props.isEditPage}\n categories={categories}\n campaignData={campaignData}\n formFinished={(data: IClickCampaignStep2Data) => {\n setCampaignData({ ...campaignData, ...data });\n setCurrentPage(currentPage + 1);\n }}\n />\n )}\n {currentPage === 2 && (\n setCurrentPage(1)}\n campaignData={campaignData}\n isEditPage={props.isEditPage}\n formFinished={(data: IClickCampaignStep3Data) => {\n setCampaignData({ ...campaignData, ...data });\n setCurrentPage(currentPage + 1);\n }}\n />\n )}\n {currentPage === 3 && (\n setCurrentPage(2)}\n countries={countries}\n categories={categories}\n brands={brands}\n isEditPage={props.isEditPage}\n loading={isLoading}\n campaignData={campaignData}\n formFinished={() => {\n setCurrentPage(currentPage + 1);\n }}\n triggerEdit={(page) => {\n setCurrentPage(page);\n }}\n approved={createCampaign}\n />\n )}\n {currentPage === 4 && (\n \n )}\n \n \n );\n};\n","import { Button, Form, Select, Space, useTranslate } from \"@pankod/refine\";\nimport { Col, Row } from \"antd\";\nimport { GetPlatforms } from \"helpers/StateHelpers\";\nimport { ICampaignData } from \"pages/campaign/Model/CampaignList\";\nimport { SocialPlatform } from \"pages/profile/models\";\nimport { FunctionComponent, useEffect, useState } from \"react\";\n\nexport interface IDownloadCampaignStep2Data {\n platforms: SocialPlatform[] | null;\n category: string | null;\n whitelistCategories: string[] | null;\n blacklistCategories: string[] | null;\n country: string | null;\n}\n\ninterface DownloadCampaignStep2Props {\n categories: any[];\n countries: any[];\n campaignData: ICampaignData;\n formFinished: (campaignData: IDownloadCampaignStep2Data) => void;\n back: any;\n isEditPage: boolean;\n}\n\nexport const DownloadCampaignStep2: FunctionComponent = (props: DownloadCampaignStep2Props) => {\n const t = useTranslate();\n const [form] = Form.useForm();\n const [categoryOptions, setCategoryOptions] = useState([]);\n const [whiteListCategoryOptions, setWhiteListCategoryOptions] = useState([]);\n const [blackListCategoryOptions, setBlackListCategoryOptions] = useState([]);\n const colStyle = {\n marginLeft: \"10px\",\n marginRight: \"10px\",\n };\n\n useEffect(() => {\n prepareCategories();\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n useEffect(() => {\n if (props.campaignData) {\n form.resetFields();\n prepareCategories();\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [props.campaignData]);\n\n const getCategoryOptions = () => {\n let categories: any[] = [];\n\n if (props.categories && props.categories.length > 0) {\n const categoryFieldValue = form.getFieldValue(\"categories\");\n const whiteListCategoryFieldValue = form.getFieldValue(\"whitelistCategories\");\n const blackListCategoryFieldValue = form.getFieldValue(\"blacklistCategories\");\n\n categories = props.categories.filter((c) => {\n if (categoryFieldValue && categoryFieldValue.length > 0 && categoryFieldValue.includes(c.id)) {\n return false;\n }\n if (whiteListCategoryFieldValue && whiteListCategoryFieldValue.length > 0 && whiteListCategoryFieldValue.includes(c.id)) {\n return false;\n }\n if (blackListCategoryFieldValue && blackListCategoryFieldValue.length > 0 && blackListCategoryFieldValue.includes(c.id)) {\n return false;\n }\n\n return true;\n });\n\n let normalCategories: any[] = JSON.parse(JSON.stringify(categories));\n let whiteListCategories: any[] = JSON.parse(JSON.stringify(categories));\n let blackListCategories: any[] = JSON.parse(JSON.stringify(categories));\n\n if (categoryFieldValue && categoryFieldValue.length > 0) {\n const existingCategories = props.categories.filter((c) => categoryFieldValue.includes(c.id));\n existingCategories.forEach((c) => normalCategories.push(c));\n existingCategories.forEach((c) => whiteListCategories.unshift(c));\n }\n if (whiteListCategoryFieldValue && whiteListCategoryFieldValue.length > 0) {\n const existingCategories = props.categories.filter((c) => whiteListCategoryFieldValue.includes(c.id));\n existingCategories.forEach((c) => whiteListCategories.push(c));\n existingCategories.forEach((c) => normalCategories.unshift(c));\n }\n if (blackListCategoryFieldValue && blackListCategoryFieldValue.length > 0) {\n const existingCategories = props.categories.filter((c) => blackListCategoryFieldValue.includes(c.id));\n existingCategories.forEach((c) => blackListCategories.push(c));\n }\n\n normalCategories = [...new Set(normalCategories)];\n whiteListCategories = [...new Set(whiteListCategories)];\n blackListCategories = [...new Set(blackListCategories)];\n\n setCategoryOptions(\n normalCategories.map((c) => {\n return {\n label: c.name,\n value: c.id,\n };\n })\n );\n setWhiteListCategoryOptions(\n whiteListCategories.map((c) => {\n return {\n label: c.name,\n value: c.id,\n };\n })\n );\n setBlackListCategoryOptions(\n blackListCategories.map((c) => {\n return {\n label: c.name,\n value: c.id,\n };\n })\n );\n }\n };\n\n const prepareCategories = () => {\n getCategoryOptions();\n };\n\n return (\n {\n props.formFinished(values);\n }}\n >\n \n \n \n {\n return {\n label: country.text,\n value: country.id,\n };\n })}\n />\n \n \n prepareCategories()}\n options={categoryOptions}\n filterOption={(input, option) =>\n option.props.value.toLowerCase().indexOf(input.toLowerCase()) >= 0 ||\n option.props.label.toLowerCase().indexOf(input.toLowerCase()) >= 0\n }\n />\n \n \n \n \n prepareCategories()}\n options={whiteListCategoryOptions}\n filterOption={(input, option) =>\n option.props.value.toLowerCase().indexOf(input.toLowerCase()) >= 0 ||\n option.props.label.toLowerCase().indexOf(input.toLowerCase()) >= 0\n }\n />\n \n \n prepareCategories()}\n filterOption={(input, option) =>\n option.props.value.toLowerCase().indexOf(input.toLowerCase()) >= 0 ||\n option.props.label.toLowerCase().indexOf(input.toLowerCase()) >= 0\n }\n />\n \n \n \n \n \n \n \n
\n \n \n props.back()}\n style={{ marginLeft: \"auto\" }}\n type=\"primary\"\n >\n {t(\"buttons.back\")}\n \n \n \n \n \n );\n};\n","import { Button, DatePicker, Form, Input, Space, useTranslate } from \"@pankod/refine\";\r\nimport { Col, Row } from \"antd\";\r\nimport dayjs from \"dayjs\";\r\nimport { localizationHelper } from \"helpers/globalizationHelper\";\r\nimport { ICampaignData } from \"pages/campaign/Model/CampaignList\";\r\nimport { FunctionComponent, useEffect, useState } from \"react\";\r\nimport { Money } from \"services/models/money\";\r\n\r\nexport interface IDownloadCampaignStep3Data {\r\n startDate: string | null;\r\n endDate: string | null;\r\n totalAmount: number | null;\r\n influencerTotalAmount: string | null;\r\n minimumInfluencerCount: string | null;\r\n amountByClick: string | null;\r\n amountByClickFenomioEarning: string | null;\r\n amountByClickInfluencerEarning: string | null;\r\n amountByInfluencer: string | null;\r\n}\r\n\r\ninterface DownloadCampaignStep3Props {\r\n campaignData: ICampaignData;\r\n formFinished: (campaignData: IDownloadCampaignStep3Data) => void;\r\n back: any;\r\n isEditPage: boolean;\r\n}\r\n\r\nexport const DownloadCampaignStep3: FunctionComponent = (props: DownloadCampaignStep3Props) => {\r\n const t = useTranslate();\r\n\r\n const [selectedStartDate, setSelectedStartDate] = useState(null);\r\n const [form] = Form.useForm();\r\n const [marj, setMarj] = useState(\"...\");\r\n\r\n const colStyle = {\r\n marginLeft: \"10px\",\r\n marginRight: \"10px\",\r\n };\r\n\r\n useEffect(() => {\r\n if (props.campaignData) {\r\n form.resetFields();\r\n calculateAmountByClickInfluencerEarning();\r\n calculateAmountByInfluencer();\r\n getMarj();\r\n setSelectedStartDate(dayjs(props.campaignData.startDate));\r\n }\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [props.campaignData]);\r\n\r\n const disabledStartDate = (current: any) => {\r\n return current < dayjs().add(-1, \"day\");\r\n };\r\n\r\n const disabledEndDate = (current: any) => {\r\n if (selectedStartDate) {\r\n return current < selectedStartDate.add(1, \"day\");\r\n }\r\n return false;\r\n };\r\n\r\n const getMarj = () => {\r\n if (\r\n form.getFieldValue(\"totalAmount\") &&\r\n +form.getFieldValue(\"totalAmount\") > 0 &&\r\n form.getFieldValue(\"influencerTotalAmount\") &&\r\n +form.getFieldValue(\"influencerTotalAmount\")\r\n ) {\r\n const totalAmount = +form.getFieldValue(\"totalAmount\");\r\n const totalInfAmount = +form.getFieldValue(\"influencerTotalAmount\");\r\n setMarj(((100 * (totalAmount - totalInfAmount)) / totalAmount).toString());\r\n } else {\r\n setMarj(\"...\");\r\n }\r\n };\r\n\r\n const calculateAmountByInfluencer = () => {\r\n if (form.getFieldValue(\"influencerTotalAmount\") && form.getFieldValue(\"minimumInfluencerCount\")) {\r\n form.setFieldsValue({\r\n amountByInfluencer: new Money(+form.getFieldValue(\"influencerTotalAmount\") / form.getFieldValue(\"minimumInfluencerCount\")),\r\n });\r\n }\r\n };\r\n\r\n const calculateAmountByClickInfluencerEarning = () => {\r\n if (form.getFieldValue(\"amountByClick\") && form.getFieldValue(\"influencerTotalAmount\") && form.getFieldValue(\"totalAmount\")) {\r\n form.setFieldsValue({\r\n amountByClickInfluencerEarning: new Money(\r\n +form.getFieldValue(\"amountByClick\") * (form.getFieldValue(\"influencerTotalAmount\") / form.getFieldValue(\"totalAmount\"))\r\n ),\r\n });\r\n }\r\n };\r\n\r\n return (\r\n {\r\n let data = { ...props.campaignData, ...values };\r\n props.formFinished(data);\r\n }}\r\n onValuesChange={(values) => {\r\n getMarj();\r\n }}\r\n >\r\n \r\n \r\n \r\n {\r\n setSelectedStartDate(c);\r\n form.setFieldsValue({ endDate: null });\r\n }}\r\n disabledDate={disabledStartDate}\r\n style={{ width: \"100%\" }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n \r\n void) => {\r\n +value < 0 ? cb(t(\"global.please-positiveAmount\")) : cb();\r\n },\r\n },\r\n ]}\r\n initialValue={props.campaignData.totalAmount}\r\n >\r\n calculateAmountByClickInfluencerEarning()}\r\n step={0.1}\r\n type={\"number\"}\r\n />\r\n \r\n void) => {\r\n +value > +form.getFieldValue(\"totalAmount\")\r\n ? cb(t(\"campaign.create.step3.totalAmountCondition\"))\r\n : cb();\r\n },\r\n },\r\n {\r\n required: true,\r\n message: t(\"campaign.create.step3.please-influencerTotalAmountLabel\"),\r\n },\r\n {\r\n validator: (rule: any, value: string, cb: (msg?: string) => void) => {\r\n +value < 0 ? cb(t(\"global.please-positive\")) : cb();\r\n },\r\n },\r\n ]}\r\n initialValue={props.campaignData.influencerTotalAmount}\r\n >\r\n {\r\n calculateAmountByClickInfluencerEarning();\r\n calculateAmountByInfluencer();\r\n }}\r\n disabled={props.isEditPage}\r\n step={0.1}\r\n type={\"number\"}\r\n />\r\n \r\n \r\n \r\n void) => {\r\n +value < 0 ? cb(t(\"global.please-positive\")) : cb();\r\n },\r\n },\r\n ]}\r\n name=\"minimumInfluencerCount\"\r\n initialValue={props.campaignData.minimumInfluencerCount}\r\n >\r\n calculateAmountByInfluencer()} step={0.1} type={\"number\"} />\r\n \r\n void) => {\r\n +value > +form.getFieldValue(\"totalAmount\")\r\n ? cb(t(\"campaign.create.step3.totalAmountCondition\"))\r\n : cb();\r\n },\r\n },\r\n {\r\n required: true,\r\n message: t(\"campaign.create.step3.amountByClickRule\"),\r\n },\r\n {\r\n validator: (rule: any, value: string, cb: (msg?: string) => void) => {\r\n +value < 0 ? cb(t(\"global.please-positive\")) : cb();\r\n },\r\n },\r\n ]}\r\n initialValue={props.campaignData.amountByClick}\r\n >\r\n calculateAmountByClickInfluencerEarning()}\r\n step={0.1}\r\n type={\"number\"}\r\n />\r\n \r\n \r\n \r\n void) => {\r\n +value > +form.getFieldValue(\"influencerTotalAmount\")\r\n ? cb(t(\"pages.phenomenon.condition-total-budget\"))\r\n : cb();\r\n },\r\n },\r\n {\r\n validator: (rule: any, value: string, cb: (msg?: string) => void) => {\r\n +value < 0 ? cb(t(\"global.please-positive\")) : cb();\r\n },\r\n },\r\n ]}\r\n initialValue={props.campaignData.amountByClickInfluencerEarning}\r\n >\r\n \r\n \r\n void) => {\r\n +value < 0 ? cb(t(\"global.please-positive\")) : cb();\r\n },\r\n },\r\n ]}\r\n initialValue={props.campaignData.amountByInfluencer}\r\n extra={t(\"campaign.create.step3.amountByInfluencerExtra\", { profitMargin: marj })}\r\n >\r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n};\r\n","import { EditOutlined } from \"@ant-design/icons\";\r\nimport { Button, Col, Form, Row, Space, Typography, useTranslate } from \"@pankod/refine\";\r\nimport { ShowCampaignExplanation } from \"components/atomics/show-items\";\r\nimport { TrackingPlatform } from \"Constanst\";\r\nimport { GetCampaignTypes, GetTrackingPlatformText } from \"helpers/StateHelpers\";\r\nimport { ICampaignData } from \"pages/campaign/Model/CampaignList\";\r\nimport { FunctionComponent } from \"react\";\r\nimport { Money } from \"services/models/money\";\r\n\r\nconst { Text, Title } = Typography;\r\n\r\ninterface DownloadCampaignStep4Props {\r\n campaignData: ICampaignData;\r\n formFinished: (campaignData: ICampaignData) => void;\r\n triggerEdit: (pageNo: number) => void;\r\n approved: () => void;\r\n loading: boolean;\r\n brands: any[];\r\n categories: any[];\r\n countries: any[];\r\n back: any;\r\n isEditPage: boolean;\r\n}\r\n\r\nexport const DownloadCampaignStep4: FunctionComponent = (props: DownloadCampaignStep4Props) => {\r\n const t = useTranslate();\r\n\r\n const getMarj = () => {\r\n if (\r\n props.campaignData.totalAmount &&\r\n +props.campaignData.totalAmount > 0 &&\r\n props.campaignData.influencerTotalAmount &&\r\n +props.campaignData.influencerTotalAmount > 0\r\n ) {\r\n const totalAmount = +props.campaignData.totalAmount;\r\n const totalInfAmount = +props.campaignData.influencerTotalAmount;\r\n return (100 * (totalAmount - totalInfAmount)) / totalAmount;\r\n } else {\r\n return \"-\";\r\n }\r\n };\r\n\r\n return (\r\n {\r\n props.approved();\r\n }}\r\n >\r\n \r\n \r\n {t(\"global.campaign\")}\r\n \r\n {\r\n props.triggerEdit(0);\r\n }}\r\n >\r\n \r\n \r\n \r\n
\r\n \r\n \r\n {t(\"campaign.create.step1.brandNameLabel\")}\r\n {props.brands.filter((p) => p.id === props.campaignData.brandName)[0].name}\r\n\r\n {props.campaignData.trackingPlatform && props.campaignData.trackingPlatform === TrackingPlatform.BcnMoniteze && (\r\n <>\r\n {t(\"campaign.create.step1.influencerBrandNameLabel\")}\r\n {props.brands.filter((p) => p.id === props.campaignData.influencerBrandName)[0].name}\r\n \r\n )}\r\n\r\n {t(\"campaign.create.step1.campaignNameLabel\")}\r\n {props.campaignData.campaignName}\r\n \r\n \r\n \r\n\r\n {t(\"campaign.create.step1.campaignLinkLabel\")}\r\n {props.campaignData.campaignLink}\r\n \r\n \r\n {t(\"global.trackingPlatform\")}\r\n {props.campaignData.trackingPlatform && GetTrackingPlatformText(props.campaignData.trackingPlatform)} \r\n \r\n
\r\n\r\n
\r\n \r\n \r\n {t(\"campaign.create.step2.stepTitle\")}\r\n \r\n {\r\n props.triggerEdit(1);\r\n }}\r\n >\r\n \r\n \r\n \r\n
\r\n \r\n \r\n {t(\"global.location\")}\r\n {props.countries.filter((p) => p.id === props.campaignData.country)[0].text}\r\n\r\n {t(\"global.platforms\")}\r\n \r\n {GetCampaignTypes()\r\n .filter((sm) => props.campaignData.platforms?.includes(sm.value))\r\n .map((sm) => sm.label)\r\n .join(\" - \")}\r\n \r\n \r\n \r\n {t(\"global.categories\")}\r\n \r\n {props.categories\r\n .filter((c) => props.campaignData.categories?.includes(c.id))\r\n .map((c) => \"#\" + c.name)\r\n .join(\" - \")}\r\n \r\n \r\n \r\n {t(\"campaign.create.step2.whitelistCategoriesLabel\")}\r\n \r\n {props.categories\r\n .filter((c) => props.campaignData.whitelistCategories?.includes(c.id))\r\n .map((c) => \"#\" + c.name)\r\n .join(\" - \")}\r\n \r\n \r\n \r\n {t(\"campaign.create.step2.blacklistCategoriesLabell\")}\r\n \r\n {props.categories\r\n .filter((c) => props.campaignData.blacklistCategories?.includes(c.id))\r\n .map((c) => \"#\" + c.name)\r\n .join(\" - \")}\r\n \r\n \r\n
\r\n
\r\n \r\n \r\n {t(\"campaign.create.step3.stepTitle\")}\r\n \r\n {\r\n props.triggerEdit(2);\r\n }}\r\n >\r\n \r\n \r\n \r\n
\r\n \r\n \r\n {t(\"global.start-date\")}\r\n {(props.campaignData.startDate as any).format(\"YYYY-MM-DD\")}\r\n\r\n {t(\"campaign.create.step3.minimumInfluencerCountLabel\")}\r\n {props.campaignData.minimumInfluencerCount}\r\n\r\n {t(\"campaign.create.step3.influencerExtra\")}\r\n {getMarj()}\r\n \r\n \r\n {t(\"global.end-date\")}\r\n {props.campaignData.endDate && (props.campaignData.endDate as any).format(\"YYYY-MM-DD\")}\r\n\r\n {t(\"campaign.create.step3.amountByInstallLabel\")}\r\n {new Money(props.campaignData.amountByClick).toStringWithCurrency(\"₺\")}\r\n \r\n \r\n {t(\"global.total-budget\")}\r\n {new Money(props.campaignData.totalAmount).toStringWithCurrency(\"₺\")}\r\n\r\n {t(\"pages.phenomenon.amountByClickInfluencerEarningInstall\")}\r\n {new Money(props.campaignData.amountByClickInfluencerEarning).toStringWithCurrency(\"₺\")}\r\n \r\n \r\n {t(\"campaign.create.step3.influencerTotalAmountLabel\")}\r\n {new Money(props.campaignData.influencerTotalAmount).toStringWithCurrency(\"₺\")}\r\n\r\n {t(\"campaign.create.step3.amountByInfluencerLabel\")}\r\n {new Money(props.campaignData.amountByInfluencer).toStringWithCurrency(\"₺\")}\r\n \r\n
\r\n\r\n \r\n \r\n \r\n {props.isEditPage ? (\r\n \r\n ) : (\r\n \r\n )}\r\n \r\n \r\n \r\n );\r\n};\r\n","import { useTranslate } from \"@pankod/refine\";\nimport { PageContainer } from \"components/pageContainer/pageContainer\";\nimport { CampaignType } from \"Constanst\";\nimport { ICampaignData } from \"pages/campaign/Model/CampaignList\";\nimport { SocialPlatform } from \"pages/profile/models\";\nimport { FunctionComponent, useEffect, useState } from \"react\";\nimport {\n DownloadCampaignStep2,\n DownloadCampaignStep3,\n DownloadCampaignStep4,\n IDownloadCampaignStep2Data,\n IDownloadCampaignStep3Data,\n} from \"./Steps\";\nimport { BrandsService, CampaignsService, LookupsService } from \"../../../../../services\";\nimport { localizationHelper } from \"../../../../../helpers/globalizationHelper\";\nimport { CategoryService } from \"../../../../../services/services/CategoryService\";\nimport StepComponent from \"components/CreateCampaigns/StepComponent\";\nimport { CampaignStep1, ICampaignStep1Data } from \"../../step1\";\nimport CampaignCreateResult from \"../../Result\";\nimport moment from \"moment\";\n\ninterface CreateDownloadCampaignProps {\n back: any;\n isEditPage: boolean;\n campaignDetail: any;\n campaignId: any;\n}\n\nexport const CreateDownloadCampaign: FunctionComponent = (props: CreateDownloadCampaignProps) => {\n const t = useTranslate();\n const [currentPage, setCurrentPage] = useState(0);\n const [isLoading, setLoading] = useState(false);\n const [campaignData, setCampaignData] = useState({\n campaignType: CampaignType.clicking,\n platforms: [] as SocialPlatform[],\n } as ICampaignData);\n\n const [brands, setBrands] = useState([]);\n const [categories, setCategories] = useState([]);\n const [countries, setCountries] = useState([]);\n const [createdCampaignId, setCreatedCampaignId] = useState(null);\n\n useEffect(() => {\n getBrands();\n getCategories();\n getCountries();\n }, []);\n\n useEffect(() => {\n if (props.campaignDetail && props.isEditPage) {\n setCampaignData({\n campaignType: CampaignType.download,\n brandName: props.campaignDetail.brandId,\n influencerBrandName: props.campaignDetail.influencerBrandId,\n campaignLink: props.campaignDetail.link,\n campaignExplanation: props.campaignDetail.description,\n campaignName: props.campaignDetail.name,\n country: props.campaignDetail.countryId,\n categories:\n props.campaignDetail.categories && props.campaignDetail.categories.length > 0\n ? (props.campaignDetail.categories as any[]).map((c) => c.id)\n : [],\n whitelistCategories:\n props.campaignDetail.whitelistCategories && props.campaignDetail.whitelistCategories.length > 0\n ? (props.campaignDetail.whitelistCategories as any[]).map((c) => c.id)\n : [],\n blacklistCategories:\n props.campaignDetail.blacklistCategories && props.campaignDetail.blacklistCategories.length > 0\n ? (props.campaignDetail.blacklistCategories as any[]).map((c) => c.id)\n : [],\n platforms:\n props.campaignDetail.platforms && props.campaignDetail.platforms.length > 0\n ? (props.campaignDetail.platforms as any[]).map((p) => p)\n : [],\n startDate: moment(props.campaignDetail.unformattedStartDate),\n endDate: moment(props.campaignDetail.unformattedEndDate),\n totalAmount: props.campaignDetail.totalBudgetDecimal,\n influencerTotalAmount: props.campaignDetail.influencerTotalBudgetDecimal,\n amountByClick: props.campaignDetail.perClickActionInstallAmount,\n minimumInfluencerCount: props.campaignDetail.minimumInfluencerCount,\n trackingPlatform: props.campaignDetail.trackingPlatform,\n amountByInfluencer: props.campaignDetail.perInfluencerBudget,\n amountByClickInfluencerEarning: props.campaignDetail.amountByClickInfluencerEarning,\n } as ICampaignData);\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [props.campaignDetail]);\n\n const getCountries = () => {\n LookupsService.getCountries({ acceptLanguage: localizationHelper.getLocale() }).then((res) => {\n setCountries(res.data ?? []);\n });\n };\n\n const getBrands = () => {\n BrandsService.getAllBrands({\n acceptLanguage: localizationHelper.getLocale(),\n }).then((resp) => {\n setBrands(resp.data);\n });\n };\n\n const getCategories = () => {\n CategoryService.getAllCategory({ acceptLanguage: localizationHelper.getLocale() })\n .then((res) => {\n setCategories(res.data);\n })\n .catch((error) => {\n console.error(error);\n });\n };\n\n const createCampaign = () => {\n setLoading(true);\n let requestBody = {\n brandId: campaignData.brandName,\n influencerBrandId: campaignData.influencerBrandName,\n type: CampaignType.download,\n managementType: 2,\n name: campaignData.campaignName,\n description: campaignData.campaignExplanation,\n link: campaignData.campaignLink,\n trackingCode: campaignData.trackingCode,\n trackingPlatform: campaignData.trackingPlatform,\n countryCode: campaignData.country,\n categoryIds: campaignData.categories,\n whiteListCategoryIds: campaignData.whitelistCategories,\n blackListCategoryIds: campaignData.blacklistCategories,\n platforms: campaignData.platforms,\n startDate: campaignData.startDate?.format(\"YYYY-MM-DD\"),\n endDate: campaignData.endDate?.format(\"YYYY-MM-DD\"),\n totalBudget: campaignData.totalAmount,\n influencerTotalBudget: campaignData.influencerTotalAmount,\n perClickActionInstallAmount: campaignData.amountByClick,\n perClickActionInstallInfluencerEarning: campaignData.amountByClickInfluencerEarning,\n perInfluencerBudget: campaignData.amountByInfluencer,\n minimumInfluencerCount: campaignData.minimumInfluencerCount,\n };\n\n if (props.isEditPage) {\n CampaignsService.updateCampaign({\n id: props.campaignId,\n body: {\n description: requestBody.description,\n categoryIds: requestBody.categoryIds,\n whiteListCategoryIds: requestBody.whiteListCategoryIds,\n blackListCategoryIds: requestBody.blackListCategoryIds,\n platforms: requestBody.platforms,\n endDate: requestBody.endDate,\n },\n acceptLanguage: localizationHelper.getLocale(),\n }).then((resp) => {\n setCreatedCampaignId(props.campaignId);\n setLoading(false);\n setCurrentPage(4);\n });\n } else {\n CampaignsService.createCampaign({\n body: requestBody,\n acceptLanguage: localizationHelper.getLocale(),\n }).then((resp) => {\n setCreatedCampaignId(resp.data.Id);\n setLoading(false);\n setCurrentPage(4);\n });\n }\n };\n\n return (\n \n <>\n \n
\n {currentPage === 0 && (\n {\n setCampaignData({ ...campaignData, ...data });\n setCurrentPage(currentPage + 1);\n }}\n />\n )}\n {currentPage === 1 && (\n setCurrentPage(0)}\n categories={categories}\n isEditPage={props.isEditPage}\n countries={countries}\n campaignData={campaignData}\n formFinished={(data: IDownloadCampaignStep2Data) => {\n setCampaignData({ ...campaignData, ...data });\n setCurrentPage(currentPage + 1);\n }}\n />\n )}\n {currentPage === 2 && (\n setCurrentPage(1)}\n campaignData={campaignData}\n isEditPage={props.isEditPage}\n formFinished={(data: IDownloadCampaignStep3Data) => {\n setCampaignData({ ...campaignData, ...data });\n setCurrentPage(currentPage + 1);\n }}\n />\n )}\n {currentPage === 3 && (\n setCurrentPage(2)}\n countries={countries}\n isEditPage={props.isEditPage}\n categories={categories}\n brands={brands}\n loading={isLoading}\n campaignData={campaignData}\n formFinished={() => {\n setCurrentPage(currentPage + 1);\n }}\n triggerEdit={(page) => {\n setCurrentPage(page);\n }}\n approved={createCampaign}\n />\n )}\n {currentPage === 4 && (\n \n )}\n \n \n );\n};\n","import { Button, Form, Select, Space, useTranslate } from \"@pankod/refine\";\nimport { ICampaignData } from \"pages/campaign/Model/CampaignList\";\nimport { FunctionComponent, useEffect, useState } from \"react\";\nimport { Col, Row } from \"antd\";\n\nexport interface IDownloadCampaignStep2Data {\n whitelistCategories: string[] | null;\n blacklistCategories: string[] | null;\n country: string | null;\n}\n\ninterface DownloadCampaignStep2Props {\n categories: any[];\n countries: any[];\n campaignData: ICampaignData;\n formFinished: (campaignData: IDownloadCampaignStep2Data) => void;\n back: any;\n isEditPage: boolean;\n}\n\nexport const SaleCampaignStep2: FunctionComponent = (props: DownloadCampaignStep2Props) => {\n const t = useTranslate();\n\n const [form] = Form.useForm();\n const [categoryOptions, setCategoryOptions] = useState([]);\n const [whiteListCategoryOptions, setWhiteListCategoryOptions] = useState([]);\n const [blackListCategoryOptions, setBlackListCategoryOptions] = useState([]);\n const colStyle = {\n marginLeft: \"10px\",\n marginRight: \"10px\",\n };\n\n useEffect(() => {\n prepareCategories();\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n const getCategoryOptions = () => {\n let categories: any[] = [];\n\n if (props.categories && props.categories.length > 0) {\n const categoryFieldValue = form.getFieldValue(\"categories\");\n const whiteListCategoryFieldValue = form.getFieldValue(\"whitelistCategories\");\n const blackListCategoryFieldValue = form.getFieldValue(\"blacklistCategories\");\n\n categories = props.categories.filter((c) => {\n if (categoryFieldValue && categoryFieldValue.length > 0 && categoryFieldValue.includes(c.id)) {\n return false;\n }\n if (whiteListCategoryFieldValue && whiteListCategoryFieldValue.length > 0 && whiteListCategoryFieldValue.includes(c.id)) {\n return false;\n }\n if (blackListCategoryFieldValue && blackListCategoryFieldValue.length > 0 && blackListCategoryFieldValue.includes(c.id)) {\n return false;\n }\n\n return true;\n });\n\n let normalCategories: any[] = JSON.parse(JSON.stringify(categories));\n let whiteListCategories: any[] = JSON.parse(JSON.stringify(categories));\n let blackListCategories: any[] = JSON.parse(JSON.stringify(categories));\n\n if (categoryFieldValue && categoryFieldValue.length > 0) {\n const existingCategories = props.categories.filter((c) => categoryFieldValue.includes(c.id));\n existingCategories.forEach((c) => normalCategories.push(c));\n existingCategories.forEach((c) => whiteListCategories.unshift(c));\n }\n if (whiteListCategoryFieldValue && whiteListCategoryFieldValue.length > 0) {\n const existingCategories = props.categories.filter((c) => whiteListCategoryFieldValue.includes(c.id));\n existingCategories.forEach((c) => whiteListCategories.push(c));\n existingCategories.forEach((c) => normalCategories.unshift(c));\n }\n if (blackListCategoryFieldValue && blackListCategoryFieldValue.length > 0) {\n const existingCategories = props.categories.filter((c) => blackListCategoryFieldValue.includes(c.id));\n existingCategories.forEach((c) => blackListCategories.push(c));\n }\n normalCategories = [...new Set(normalCategories)];\n whiteListCategories = [...new Set(whiteListCategories)];\n blackListCategories = [...new Set(blackListCategories)];\n\n setCategoryOptions(\n normalCategories.map((c) => {\n return {\n label: c.name,\n value: c.id,\n };\n })\n );\n setWhiteListCategoryOptions(\n whiteListCategories.map((c) => {\n return {\n label: c.name,\n value: c.id,\n };\n })\n );\n setBlackListCategoryOptions(\n blackListCategories.map((c) => {\n return {\n label: c.name,\n value: c.id,\n };\n })\n );\n }\n };\n\n const prepareCategories = () => {\n getCategoryOptions();\n };\n\n return (\n {\n props.formFinished(values);\n }}\n >\n \n \n \n {\n return {\n label: country.text,\n value: country.id,\n };\n })}\n />\n \n \n prepareCategories()}\n options={categoryOptions}\n filterOption={(input, option) =>\n option.props.value.toLowerCase().indexOf(input.toLowerCase()) >= 0 ||\n option.props.label.toLowerCase().indexOf(input.toLowerCase()) >= 0\n }\n />\n \n \n \n \n prepareCategories()}\n options={whiteListCategoryOptions}\n filterOption={(input, option) =>\n option.props.value.toLowerCase().indexOf(input.toLowerCase()) >= 0 ||\n option.props.label.toLowerCase().indexOf(input.toLowerCase()) >= 0\n }\n />\n \n \n \n \n prepareCategories()}\n filterOption={(input, option) =>\n option.props.value.toLowerCase().indexOf(input.toLowerCase()) >= 0 ||\n option.props.label.toLowerCase().indexOf(input.toLowerCase()) >= 0\n }\n />\n \n \n
\n \n \n \n \n \n \n \n );\n};\n","import { Button, Col, DatePicker, Form, Input, Row, Space, useTranslate } from \"@pankod/refine\";\nimport dayjs from \"dayjs\";\nimport { localizationHelper } from \"helpers/globalizationHelper\";\nimport { FunctionComponent, useEffect, useState } from \"react\";\nconst { TextArea } = Input;\n\nexport interface IDownloadCampaignStep3Data {\n startDate: string | null;\n endDate: string | null;\n totalAmount: string | null;\n influencerTotalAmount: string | null;\n minimumInfluencerCount: string | null;\n amountByClick: string | null;\n amountByClickFenomioEarning: string | null;\n amountByClickInfluencerEarning: string | null;\n amountByInfluencer: string | null;\n back: any;\n}\n\ninterface DownloadCampaignStep3Props {\n campaignData: any;\n formFinished: (campaignData: IDownloadCampaignStep3Data) => void;\n back: any;\n isEditPage: boolean;\n}\n\nexport const DownloadCampaignStep3: FunctionComponent = (props: DownloadCampaignStep3Props) => {\n const t = useTranslate();\n\n const [selectedStartDate, setSelectedStartDate] = useState(null);\n const [form] = Form.useForm();\n const [additionalProductGroupCount, setAdditionalProductGroupCount] = useState(0);\n\n useEffect(() => {\n setAdditionalProductGroupCount(getAdditionalProductGroupInitialCount());\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n const getAdditionalProductGroupInitialCount = (): number => {\n let count = 0;\n\n for (let i = 0; i < 999; i++) {\n if (props.campaignData[\"productGroup\" + i] && props.campaignData[\"influencerComissionRatio\" + i]) {\n count++;\n } else {\n break;\n }\n }\n\n return count;\n };\n\n useEffect(() => {\n if (props.campaignData) {\n form.resetFields();\n if (props.campaignData.productGroupCount > 1) {\n setAdditionalProductGroupCount(props.campaignData.productGroupCount - 1);\n }\n setSelectedStartDate(dayjs(props.campaignData.startDate));\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [props.campaignData]);\n\n const colStyle = {\n marginLeft: \"10px\",\n marginRight: \"10px\",\n };\n\n const disabledStartDate = (current: any) => {\n return current < dayjs().add(-1, \"day\");\n };\n\n const disabledEndDate = (current: any) => {\n if (selectedStartDate) {\n return current < selectedStartDate.add(1, \"day\");\n }\n return false;\n };\n\n const addProductGroup = () => {\n setAdditionalProductGroupCount(additionalProductGroupCount + 1);\n };\n\n const getAdditionalProductGroups = () => {\n const items: any[] = [];\n\n for (let i = 0; i < additionalProductGroupCount; i++) {\n items.push(\n \n \n \n \n void) => {\n +value < 0 ? cb(t(\"global.please-positiveAmount\")) : cb();\n },\n },\n ]}\n initialValue={props.campaignData[\"influencerComissionRatio\" + i]}\n >\n \n \n
\n );\n }\n\n return items;\n };\n\n return (\n {\n let data = { ...props.campaignData, ...values };\n props.formFinished(data);\n }}\n >\n \n \n \n {\n setSelectedStartDate(c);\n form.setFieldsValue({ endDate: null });\n }}\n disabledDate={disabledStartDate}\n style={{ width: \"100%\" }}\n />\n \n \n \n \n void) => {\n +value < 0 ? cb(t(\"global.please-positiveAmount\")) : cb();\n },\n },\n ]}\n initialValue={props.campaignData.influencerCommissionRate}\n >\n \n \n \n \n \n \n \n void) => {\n +value < 0 ? cb(t(\"global.please-positiveAmount\")) : cb();\n },\n },\n ]}\n initialValue={props.campaignData.influencerComissionRatio}\n >\n \n \n {getAdditionalProductGroups()}\n \n addProductGroup()} className={\"table-font\"}>\n + {t(\"global.add-productGroup\")}\n \n
\n \n \n \n \n \n \n
\n \n \n \n \n \n \n \n );\n};\n","import { EditOutlined } from \"@ant-design/icons\";\nimport { Form, Space, Button, Typography, Col, Row, useTranslate } from \"@pankod/refine\";\nimport { ShowCampaignExplanation } from \"components/atomics/show-items\";\nimport { TrackingPlatform } from \"Constanst\";\nimport { GetTrackingPlatformText } from \"helpers/StateHelpers\";\nimport { ICampaignData } from \"pages/campaign/Model/CampaignList\";\nimport { FunctionComponent } from \"react\";\n\nconst { Text, Title } = Typography;\n\ninterface DownloadCampaignStep4Props {\n campaignData: any;\n formFinished: (campaignData: ICampaignData) => void;\n triggerEdit: (pageNo: number) => void;\n approved: () => void;\n loading: boolean;\n brands: any[];\n categories: any[];\n countries: any[];\n back: any;\n isEditPage: boolean;\n}\n\nexport const DownloadCampaignStep4: FunctionComponent = (props: DownloadCampaignStep4Props) => {\n const t = useTranslate();\n\n const getAdditionalProductGroups = () => {\n const items: any[] = [];\n\n for (let i = 0; i < 999; i++) {\n if (props.campaignData[\"productGroup\" + i] && props.campaignData[\"influencerComissionRatio\" + i]) {\n items.push(\n \n
Ürün Grubu\n {props.campaignData[\"productGroup\" + i]}\n\n Gösterilecek Fenomen Komisyonu\n {props.campaignData[\"influencerComissionRatio\" + i]}\n \n );\n } else {\n break;\n }\n }\n\n return items;\n };\n\n return (\n {\n props.approved();\n }}\n >\n \n \n {t(\"global.campaign\")}\n \n {\n props.triggerEdit(0);\n }}\n >\n \n \n \n
\n \n \n {t(\"campaign.create.step1.brandNameLabel\")}\n {props.brands.filter((p) => p.id === props.campaignData.brandName)[0].name}\n\n {props.campaignData.trackingPlatform && props.campaignData.trackingPlatform === TrackingPlatform.BcnMoniteze && (\n <>\n {t(\"campaign.create.step1.influencerBrandNameLabel\")}\n {props.brands.filter((p) => p.id === props.campaignData.influencerBrandName)[0].name}\n \n )}\n\n {t(\"campaign.create.step1.campaignNameLabel\")}\n {props.campaignData.campaignName}\n \n \n \n\n {t(\"campaign.create.step1.campaignLinkLabel\")}\n {props.campaignData.campaignLink}\n \n \n {t(\"global.trackingPlatform\")}\n {props.campaignData.trackingPlatform && GetTrackingPlatformText(props.campaignData.trackingPlatform)} \n\n {t(\"global.trackingCode\")}\n {props.campaignData.trackingCode ? props.campaignData.trackingCode : \"-\"}\n \n
\n
\n \n \n {t(\"campaign.create.step2.stepTitle\")}\n \n {\n props.triggerEdit(1);\n }}\n >\n \n \n \n
\n \n \n {t(\"global.location\")}\n {props.countries.filter((p) => p.id === props.campaignData.country)[0].text}\n \n \n {t(\"global.categories\")}\n \n {props.categories\n .filter((c) => props.campaignData.categories?.includes(c.id))\n .map((c) => \"#\" + c.name)\n .join(\" - \")}\n \n \n \n {t(\"campaign.create.step2.whitelistCategoriesLabel\")}\n \n {props.categories\n .filter((c) => props.campaignData.whitelistCategories?.includes(c.id))\n .map((c) => \"#\" + c.name)\n .join(\" - \")}\n \n \n \n {t(\"campaign.create.step2.blacklistCategoriesLabell\")}\n \n {props.categories\n .filter((c) => props.campaignData.blacklistCategories?.includes(c.id))\n .map((c) => \"#\" + c.name)\n .join(\" - \")}\n \n \n
\n
\n \n \n {t(\"campaign.create.step3.stepTitle\")}\n \n {\n props.triggerEdit(2);\n }}\n >\n \n \n \n
\n \n \n {t(\"global.start-date\")}\n {(props.campaignData.startDate as any).format(\"YYYY-MM-DD\")}\n\n {t(\"campaign.create.step4.influencerCommissionRate\")}\n {props.campaignData.influencerCommissionRate}\n \n \n {t(\"global.end-date\")}\n {props.campaignData.endDate && (props.campaignData.endDate as any).format(\"YYYY-MM-DD\")}\n\n {t(\"global.productGroup\")}\n {props.campaignData.productGroup}\n\n {t(\"global.influencerComissionRatioo\")}\n {props.campaignData.influencerComissionRatio}\n\n {getAdditionalProductGroups()}\n \n \n {t(\"campaign.create.step3.bonusinfo\")}\n {props.campaignData.bonusInformation}\n \n
\n\n \n \n \n {props.isEditPage ? (\n \n ) : (\n \n )}\n \n \n \n );\n};\n","import { useTranslate } from \"@pankod/refine\";\nimport { PageContainer } from \"components/pageContainer/pageContainer\";\nimport { CampaignType } from \"Constanst\";\nimport { ICampaignData } from \"pages/campaign/Model/CampaignList\";\nimport { SocialPlatform } from \"pages/profile/models\";\nimport { FunctionComponent, useEffect, useState } from \"react\";\nimport {\n DownloadCampaignStep3,\n DownloadCampaignStep4,\n IDownloadCampaignStep2Data,\n IDownloadCampaignStep3Data,\n SaleCampaignStep2,\n} from \"./Steps\";\nimport { BrandsService, CampaignsService, LookupsService } from \"../../../../../services\";\nimport { localizationHelper } from \"../../../../../helpers/globalizationHelper\";\nimport { CategoryService } from \"../../../../../services/services/CategoryService\";\nimport StepComponent from \"components/CreateCampaigns/StepComponent\";\nimport { CampaignStep1, ICampaignStep1Data } from \"../../step1\";\nimport CampaignCreateResult from \"../../Result\";\nimport moment from \"moment\";\n\ninterface CreateSaleCampaignProps {\n back: any;\n isEditPage: boolean;\n campaignDetail: any;\n campaignId: any;\n}\n\nexport const CreateSaleCampaign: FunctionComponent = (props: CreateSaleCampaignProps) => {\n const t = useTranslate();\n const [currentPage, setCurrentPage] = useState(0);\n const [isLoading, setLoading] = useState(false);\n const [campaignData, setCampaignData] = useState({\n campaignType: CampaignType.clicking,\n platforms: [] as SocialPlatform[],\n } as ICampaignData);\n\n const [brands, setBrands] = useState([]);\n const [categories, setCategories] = useState([]);\n const [countries, setCountries] = useState([]);\n const [createdCampaignId, setCreatedCampaignId] = useState(null);\n\n useEffect(() => {\n getBrands();\n getCategories();\n getCountries();\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n useEffect(() => {\n if (props.campaignDetail && props.isEditPage) {\n let data: any = {\n campaignType: CampaignType.selling,\n brandName: props.campaignDetail.brandId,\n influencerBrandName: props.campaignDetail.influencerBrandId,\n campaignLink: props.campaignDetail.link,\n campaignExplanation: props.campaignDetail.description,\n campaignName: props.campaignDetail.name,\n country: props.campaignDetail.countryId,\n categories:\n props.campaignDetail.categories && props.campaignDetail.categories.length > 0\n ? (props.campaignDetail.categories as any[]).map((c) => c.id)\n : [],\n whitelistCategories:\n props.campaignDetail.whitelistCategories && props.campaignDetail.whitelistCategories.length > 0\n ? (props.campaignDetail.whitelistCategories as any[]).map((c) => c.id)\n : [],\n blacklistCategories:\n props.campaignDetail.blacklistCategories && props.campaignDetail.blacklistCategories.length > 0\n ? (props.campaignDetail.blacklistCategories as any[]).map((c) => c.id)\n : [],\n platforms:\n props.campaignDetail.platforms && props.campaignDetail.platforms.length > 0\n ? (props.campaignDetail.platforms as any[]).map((p) => p)\n : [],\n startDate: moment(props.campaignDetail.unformattedStartDate),\n endDate: moment(props.campaignDetail.unformattedEndDate),\n totalAmount: props.campaignDetail.totalBudgetDecimal,\n influencerTotalAmount: props.campaignDetail.influencerTotalBudgetDecimal,\n amountByClick: props.campaignDetail.perClickActionInstallAmount,\n minimumInfluencerCount: props.campaignDetail.minimumInfluencerCount,\n trackingPlatform: props.campaignDetail.trackingPlatform,\n trackingCode: props.campaignDetail.trackingCode,\n influencerCommissionRate: props.campaignDetail.influencerCommissionRate,\n bonusInformation: props.campaignDetail.bonusDescription,\n };\n\n if (props.campaignDetail.productGroups && props.campaignDetail.productGroups.length > 0) {\n for (let i = 0; i < props.campaignDetail.productGroups.length; i++) {\n const pg = props.campaignDetail.productGroups[i];\n if (i === 0) {\n data.productGroup = pg.name.trim();\n data.influencerComissionRatio = pg.influencerCommission;\n } else {\n data[\"productGroup\" + (i - 1)] = pg.name.trim();\n data[\"influencerComissionRatio\" + (i - 1)] = pg.influencerCommission;\n }\n }\n\n data.productGroupCount = props.campaignDetail.productGroups.length;\n }\n\n setCampaignData(data as ICampaignData);\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [props.campaignDetail]);\n\n const getCountries = () => {\n LookupsService.getCountries({ acceptLanguage: localizationHelper.getLocale() }).then((res) => {\n setCountries(res.data ?? []);\n });\n };\n\n const getBrands = () => {\n BrandsService.getAllBrands({\n acceptLanguage: localizationHelper.getLocale(),\n }).then((resp) => {\n setBrands(resp.data);\n });\n };\n\n const getCategories = () => {\n CategoryService.getAllCategory({ acceptLanguage: localizationHelper.getLocale() })\n .then((res) => {\n setCategories(res.data);\n })\n .catch((error) => {\n console.error(error);\n });\n };\n\n const createCampaign = () => {\n setLoading(true);\n\n let requestBody = {\n brandId: campaignData.brandName,\n influencerBrandId: campaignData.influencerBrandName,\n type: CampaignType.selling,\n actionDescription: campaignData.actionExplanation,\n managementType: 2,\n name: campaignData.campaignName,\n description: campaignData.campaignExplanation,\n link: campaignData.campaignLink,\n trackingCode: campaignData.trackingCode,\n trackingPlatform: campaignData.trackingPlatform,\n countryCode: campaignData.country,\n categoryIds: campaignData.categories,\n whiteListCategoryIds: campaignData.whitelistCategories,\n blackListCategoryIds: campaignData.blacklistCategories,\n platforms: campaignData.platforms,\n startDate: campaignData.startDate?.format(\"YYYY-MM-DD\"),\n endDate: campaignData.endDate?.format(\"YYYY-MM-DD\"),\n totalBudget: campaignData.totalAmount,\n influencerTotalBudget: campaignData.influencerTotalAmount,\n perClickActionInstallAmount: campaignData.amountByClick,\n perClickActionInstallInfluencerEarning: campaignData.amountByClickInfluencerEarning,\n perInfluencerBudget: campaignData.amountByInfluencer,\n bonusInformation: campaignData.bonusInformation,\n influencerCommissionRate: campaignData.influencerCommissionRate,\n minimumInfluencerCount: campaignData.minimumInfluencerCount,\n productGroups: [\n {\n name: campaignData.productGroup,\n influencerCommission: campaignData.influencerComissionRatio,\n },\n ],\n };\n\n for (let i = 0; i < 999; i++) {\n if (campaignData[\"productGroup\" + i] && campaignData[\"influencerComissionRatio\" + i]) {\n requestBody.productGroups.push({\n name: campaignData[\"productGroup\" + i],\n influencerCommission: campaignData[\"influencerComissionRatio\" + i],\n });\n }\n }\n\n if (props.isEditPage) {\n CampaignsService.updateCampaign({\n id: props.campaignId,\n body: {\n description: requestBody.description,\n categoryIds: requestBody.categoryIds,\n whiteListCategoryIds: requestBody.whiteListCategoryIds,\n blackListCategoryIds: requestBody.blackListCategoryIds,\n platforms: requestBody.platforms,\n endDate: requestBody.endDate,\n },\n acceptLanguage: localizationHelper.getLocale(),\n }).then((resp) => {\n setCreatedCampaignId(props.campaignId);\n setLoading(false);\n setCurrentPage(4);\n });\n } else {\n CampaignsService.createCampaign({\n body: requestBody,\n acceptLanguage: localizationHelper.getLocale(),\n }).then((resp) => {\n setCreatedCampaignId(resp.data.Id);\n setLoading(false);\n setCurrentPage(4);\n });\n }\n };\n\n return (\n \n <>\n \n
\n {currentPage === 0 && (\n {\n setCampaignData({ ...campaignData, ...data });\n setCurrentPage(currentPage + 1);\n }}\n />\n )}\n {currentPage === 1 && (\n setCurrentPage(0)}\n countries={countries}\n isEditPage={props.isEditPage}\n categories={categories}\n campaignData={campaignData}\n formFinished={(data: IDownloadCampaignStep2Data) => {\n setCampaignData({ ...campaignData, ...data });\n setCurrentPage(currentPage + 1);\n }}\n />\n )}\n {currentPage === 2 && (\n setCurrentPage(1)}\n campaignData={campaignData}\n isEditPage={props.isEditPage}\n formFinished={(data: IDownloadCampaignStep3Data) => {\n setCampaignData({ ...campaignData, ...data });\n setCurrentPage(currentPage + 1);\n }}\n />\n )}\n {currentPage === 3 && (\n setCurrentPage(2)}\n brands={brands}\n isEditPage={props.isEditPage}\n countries={countries}\n categories={categories}\n loading={isLoading}\n campaignData={campaignData}\n formFinished={() => {\n setCurrentPage(currentPage + 1);\n }}\n triggerEdit={(page) => {\n setCurrentPage(page);\n }}\n approved={createCampaign}\n />\n )}\n {currentPage === 4 && (\n \n )}\n \n \n );\n};\n","import { Button, Form, Select, Space, useTranslate } from \"@pankod/refine\";\nimport { PageContainer } from \"components/pageContainer/pageContainer\";\nimport { CampaignType } from \"Constanst\";\nimport { GetCampaignTypes } from \"helpers/StateHelpers\";\nimport { FunctionComponent } from \"react\";\n\ninterface SelectCampaignTypeProps {\n campaignTypeSelected: (campaignType: CampaignType) => void;\n}\n\nconst SelectCampaignType: FunctionComponent = (props: SelectCampaignTypeProps) => {\n const t = useTranslate();\n\n return (\n \n {\n props.campaignTypeSelected(values.campaignType);\n }}\n >\n \n \n \n \n \n \n \n \n \n \n );\n};\n\nexport default SelectCampaignType;\n","import { LayoutWrapper, useTranslate } from \"@pankod/refine\";\nimport { CampaignType } from \"Constanst\";\nimport { FunctionComponent, useEffect, useState } from \"react\";\nimport { CreateActionCampaign, CreateClickCampaign, CreateDownloadCampaign, CreateSaleCampaign } from \"./CampaignTypes\";\nimport SelectCampaignType from \"./SelectCampaignType\";\nimport { CampaignsService } from \"../../../services\";\nimport { localizationHelper } from \"helpers/globalizationHelper\";\nimport { FenBreadCrumb } from \"components/BreadCrumb/BreadCrumb\";\n\ninterface CreateCampaignProps {}\n\nconst CreateCampaign: FunctionComponent = (props: any) => {\n const [campaignType, setCampaignType] = useState(null);\n const [isEditPage, setIsEditPage] = useState(false);\n const [campaignDetail, setCampaignDetail] = useState({});\n const [campaignId, setCampaignId] = useState();\n const t = useTranslate();\n\n useEffect(() => {\n const campaignId = props.match.params.campaignId;\n\n if (campaignId) {\n setIsEditPage(true);\n setCampaignId(campaignId);\n CampaignsService.getCampaignDetail({ campaignId: campaignId, acceptLanguage: localizationHelper.getLocale() }).then((resp) => {\n if (resp.data.typeHash === 1) {\n setCampaignType(CampaignType.clicking);\n } else if (resp.data.typeHash === 2) {\n setCampaignType(CampaignType.download);\n } else if (resp.data.typeHash === 3) {\n setCampaignType(CampaignType.action);\n } else {\n setCampaignType(CampaignType.selling);\n }\n\n setCampaignDetail(resp.data);\n });\n }\n }, [props.match.params.campaignId]);\n\n return (\n \n \n {campaignType === null && !isEditPage && (\n {\n setCampaignType(selectedType);\n }}\n />\n )}\n {campaignType !== null && campaignType === CampaignType.clicking && (\n setCampaignType(null)}\n />\n )}\n {campaignType !== null && campaignType === CampaignType.download && (\n setCampaignType(null)}\n />\n )}\n {campaignType !== null && campaignType === CampaignType.selling && (\n setCampaignType(null)}\n />\n )}\n {campaignType !== null && campaignType === CampaignType.action && (\n setCampaignType(null)}\n />\n )}\n \n );\n};\n\nexport default CreateCampaign;\n","import { Space, Button, Row, Col, Form, Input, Table, useTranslate, useNavigation, Select } from \"@pankod/refine\";\nimport { CampaignInfluencerStates, PaginationConstant, SocialMedias } from \"Constanst\";\nimport { FunctionComponent, useState, useEffect } from \"react\";\nimport { Pagination } from \"../../../../../../../../services/core/Pagination\";\nimport { CampaignsService } from \"../../../../../../../../services\";\nimport { localizationHelper } from \"../../../../../../../../helpers/globalizationHelper\";\nimport { InfluencerListType } from \"../../../../../../InfluencerListType\";\n\nexport interface InfluencerListProps {\n listType: InfluencerListType;\n campaignId: string | null;\n updateCount: any;\n categories: any[];\n}\n\nexport const InfluencerList: FunctionComponent = (props: InfluencerListProps) => {\n const [pagination, setPagination] = useState({\n current: PaginationConstant.initialPage,\n pageSize: PaginationConstant.initialPageSize\n });\n const [dataLoading, setDataLoading] = useState(false);\n const [data, setData] = useState([]);\n const [filterValues, setFilterValues] = useState();\n const [selectedInfluencerIds, setSelectedInfluencerIds] = useState([]);\n const t = useTranslate();\n const [search, setSearch] = useState(true);\n\n useEffect(() => {\n if (search) fetchData();\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [search]);\n\n const onSelectInfluencer = (selectedRowKeys: any[]) => {\n setSelectedInfluencerIds(selectedRowKeys);\n };\n\n const fetchData = () => {\n setDataLoading(true);\n CampaignsService.getCampaignInfluencers({\n body: prepareFilterRequest(),\n acceptLanguage: localizationHelper.getLocale(),\n }).then((resp) => {\n setDataLoading(false);\n setData(resp?.data?.data);\n setPagination({\n current: pagination.current,\n pageSize: pagination.pageSize,\n total: resp?.data?.pageInfo.totalItemCount\n });\n setSearch(false);\n });\n };\n\n const prepareFilterRequest = () => {\n let stateByListTypes: any[] = [];\n let campaignStateByListTypes: any[] = [];\n let includeBoth = false;\n\n switch (props.listType) {\n case InfluencerListType.active:\n stateByListTypes = [CampaignInfluencerStates.Accepted];\n break;\n case InfluencerListType.applied:\n stateByListTypes = [CampaignInfluencerStates.Applied];\n break;\n case InfluencerListType.listAll:\n // stateByListType = [CampaignInfluencerStates.Applied];\n // campaignStateByListTypes = [CampaignStates.Accepted]\n break;\n case InfluencerListType.invited:\n stateByListTypes = [CampaignInfluencerStates.Invited];\n break;\n case InfluencerListType.rejected:\n stateByListTypes = [CampaignInfluencerStates.Rejected];\n break;\n }\n\n let body = {\n campaignId: props.campaignId,\n pageNumber: pagination.current,\n pageSize: pagination.pageSize,\n states: stateByListTypes,\n campaignStates: campaignStateByListTypes,\n includeBothStates: includeBoth,\n };\n if (filterValues) {\n if (filterValues.influencerName) {\n // @ts-ignore\n body.influencerName = filterValues.influencerName;\n }\n if (filterValues.categoryId) {\n // @ts-ignore\n body.categoryId = filterValues.categoryId;\n }\n }\n\n return body;\n };\n\n const handleTableChange = (page: any) => {\n setPagination({\n current: page.current,\n pageSize: page.pageSize,\n total: page.total\n });\n setSearch(true);\n };\n\n const allApprove = () => {\n CampaignsService.acceptCampaignInfluencer({\n campaignInfluencerIds: selectedInfluencerIds,\n acceptLanguage: localizationHelper.getLocale(),\n }).then((resp) => {\n setPagination({\n current: PaginationConstant.initialPage,\n pageSize: PaginationConstant.initialPageSize\n });\n setSearch(true);\n props.updateCount();\n });\n };\n\n const allReject = () => {\n CampaignsService.rejectCampaignInfluencer({\n campaignInfluencerIds: selectedInfluencerIds,\n acceptLanguage: localizationHelper.getLocale(),\n }).then((resp) => {\n setPagination({\n current: PaginationConstant.initialPage,\n pageSize: PaginationConstant.initialPageSize\n });\n setSearch(true);\n props.updateCount();\n });\n };\n\n const approve = (row: any) => {\n CampaignsService.acceptCampaignInfluencer({\n campaignInfluencerIds: [row.id],\n acceptLanguage: localizationHelper.getLocale(),\n }).then((resp) => {\n setPagination({\n current: PaginationConstant.initialPage,\n pageSize: PaginationConstant.initialPageSize\n });\n setSearch(true);\n props.updateCount();\n });\n };\n\n const reject = (row: any) => {\n CampaignsService.rejectCampaignInfluencer({\n campaignInfluencerIds: [row.id],\n acceptLanguage: localizationHelper.getLocale(),\n }).then((resp) => {\n setPagination({\n current: PaginationConstant.initialPage,\n pageSize: PaginationConstant.initialPageSize\n });\n setSearch(true);\n props.updateCount();\n });\n };\n const allRevert = () => {\n CampaignsService.revertCampaignInfluencer({\n campaignInfluencerIds: selectedInfluencerIds,\n acceptLanguage: localizationHelper.getLocale(),\n }).then((resp) => {\n setPagination({\n current: PaginationConstant.initialPage,\n pageSize: PaginationConstant.initialPageSize\n });\n setSearch(true);\n props.updateCount();\n });\n };\n const allRemove = () => {\n CampaignsService.removeCampaignInfluencer({\n campaignInfluencerIds: selectedInfluencerIds,\n acceptLanguage: localizationHelper.getLocale(),\n }).then((resp) => {\n setPagination({\n current: PaginationConstant.initialPage,\n pageSize: PaginationConstant.initialPageSize\n });\n setSearch(true);\n props.updateCount();\n });\n };\n /*\n const remove = (row: any) => {\n CampaignsService.removeCampaignInfluencer({\n campaignInfluencerIds: [row.id],\n acceptLanguage: localizationHelper.getLocale(),\n }).then((resp) => {\n \n setPagination({\n current: PaginationConstant.initialPage,\n pageSize: PaginationConstant.initialPageSize\n });\n setSearch(true);\n props.updateCount();\n });\n };\n\n const revert = (row: any) => {\n CampaignsService.revertCampaignInfluencer({\n campaignInfluencerIds: [row.id],\n acceptLanguage: localizationHelper.getLocale(),\n }).then((resp) => {\n \n setPagination({\n current: PaginationConstant.initialPage,\n pageSize: PaginationConstant.initialPageSize\n });\n setSearch(true);\n props.updateCount();\n });\n };*/\n\n const { push } = useNavigation();\n const showInfluencer = (influencer: any) => {\n push(\"/influencers/detail/\" + influencer.influencerId);\n };\n\n const columnsAppliant = [\n {\n title: \"Id\",\n dataIndex: \"influencerId\",\n key: \"influencerId\",\n render: (text: any, row: any) => #{text}
,\n },\n {\n title: t(\"global.namee\"),\n dataIndex: \"nickname\",\n key: \"nickname\",\n render: (text: string, row: any, index: number) => (\n <>\n \n {\n showInfluencer(row)}\n style={{ padding: 0, borderWidth: 0, color: \"#9254de\", fontWeight: \"bold\" }}\n >\n {\" \"}\n {row.influencerFirstName} {row.influencerLastName}\n \n }\n {row.socialMediasDto.map((social: any) => (\n \n {\" \"}\n {\"@\" + social.username}{\" \"}\n \n ))}\n \n \n ),\n },\n {\n title: 
,\n width: 100,\n dataIndex: \"nickname\",\n key: \"nickname\",\n render: (text: string, row: any, index: number) => (\n <>\n {row.socialMediasDto.some((k: { name: string }) => k.name === SocialMedias.instagram.name) ? (\n \n {row.socialMediasDto.find((k: { name: string }) => k.name === SocialMedias.instagram.name).followers / 1000}K\n \n ) : (\n \"-\"\n )}\n \n ),\n },\n {\n title: 
,\n width: 100,\n dataIndex: \"nickname\",\n key: \"nickname\",\n render: (text: string, row: any, index: number) => (\n <>\n {row.socialMediasDto.some((k: { name: string }) => k.name === SocialMedias.twitter.name) ? (\n \n {row.socialMediasDto.find((k: { name: string }) => k.name === SocialMedias.twitter.name).followers / 1000}K\n \n ) : (\n \"-\"\n )}\n \n ),\n },\n {\n title: 
,\n width: 100,\n dataIndex: \"nickname\",\n key: \"nickname\",\n render: (text: string, row: any, index: number) => (\n <>\n {row.socialMediasDto.some((k: { name: string }) => k.name === SocialMedias.youtube.name) ? (\n \n {row.socialMediasDto.find((k: { name: string }) => k.name === SocialMedias.youtube.name).followers / 1000}K\n \n ) : (\n \"-\"\n )}\n \n ),\n },\n {\n title: 
,\n width: 100,\n dataIndex: \"nickname\",\n key: \"nickname\",\n render: (text: string, row: any, index: number) => (\n <>\n {row.socialMediasDto.some((k: { name: string }) => k.name === SocialMedias.twitch.name) ? (\n \n {row.socialMediasDto.find((k: { name: string }) => k.name === SocialMedias.twitch.name).followers / 1000}K\n \n ) : (\n \"-\"\n )}\n \n ),\n },\n {\n title: 
,\n width: 100,\n dataIndex: \"nickname\",\n key: \"nickname\",\n render: (text: string, row: any, index: number) => (\n <>\n {row.socialMediasDto.some((k: { name: string }) => k.name === SocialMedias.telegram.name) ? (\n \n {row.socialMediasDto.find((k: { name: string }) => k.name === SocialMedias.telegram.name).followers / 1000}K\n \n ) : (\n \"-\"\n )}\n \n ),\n },\n {\n title: 
,\n width: 100,\n dataIndex: \"nickname\",\n key: \"nickname\",\n render: (text: string, row: any, index: number) => (\n <>\n {row.socialMediasDto.some((k: { name: string }) => k.name === SocialMedias.discord.name) ? (\n \n {row.socialMediasDto.find((k: { name: string }) => k.name === SocialMedias.discord.name).followers / 1000}K\n \n ) : (\n \"-\"\n )}\n \n ),\n },\n {\n title: 
,\n width: 100,\n dataIndex: \"nickname\",\n key: \"nickname\",\n render: (text: string, row: any, index: number) => (\n <>\n {row.socialMediasDto.some((k: { name: string }) => k.name === SocialMedias.tiktok.name) ? (\n \n {row.socialMediasDto.find((k: { name: string }) => k.name === SocialMedias.tiktok.name).followers / 1000}K\n \n ) : (\n \"-\"\n )}\n \n ),\n },\n {\n title: t(\"global.category\"),\n width: 100,\n dataIndex: \"category\",\n key: \"category\",\n render: (text: string, row: any, index: number) => <>{row.categories.join(\", \")},\n },\n ];\n\n const columnsActive = [\n {\n title: \"Id\",\n dataIndex: \"influencerId\",\n key: \"influencerId\",\n render: (text: any, row: any) => #{text}
,\n },\n {\n title: t(\"global.namee\"),\n dataIndex: \"nickname\",\n key: \"nickname\",\n render: (text: string, row: any, index: number) => (\n <>\n \n {\n showInfluencer(row)}\n style={{ padding: 0, borderWidth: 0, color: \"#9254de\", fontWeight: \"bold\" }}\n >\n {\" \"}\n {row.influencerFirstName} {row.influencerLastName}\n \n }\n {row.socialMediasDto.map((social: any) => (\n \n {\" \"}\n {\"@\" + social.username}{\" \"}\n \n ))}\n \n \n ),\n },\n {\n title: t(\"global.transformation\"),\n dataIndex: \"transformation\",\n key: \"transformation\",\n render: (text: string, row: any, index: number) => <>{text},\n },\n {\n title: t(\"global.joinDate\"),\n dataIndex: \"startDate\",\n key: \"startDate\",\n render: (text: string, row: any, index: number) => <>{text},\n },\n {\n title: t(\"posts.fields.category.title\"),\n width: 100,\n dataIndex: \"category\",\n key: \"category\",\n render: (text: string, row: any, index: number) => <>{row.categories.join(\", \")},\n },\n ];\n\n const columnsWaiting = [\n {\n title: \"Id\",\n dataIndex: \"influencerId\",\n key: \"influencerId\",\n render: (text: any, row: any) => #{text}
,\n },\n {\n title: t(\"global.namee\"),\n dataIndex: \"nickname\",\n key: \"nickname\",\n render: (text: string, row: any, index: number) => (\n <>\n \n {\n showInfluencer(row)}\n style={{ padding: 0, borderWidth: 0, color: \"#9254de\", fontWeight: \"bold\" }}\n >\n {\" \"}\n {row.influencerFirstName} {row.influencerLastName}\n \n }\n {row.socialMediasDto.map((social: any) => (\n \n {\" \"}\n {\"@\" + social.username}{\" \"}\n \n ))}\n \n \n ),\n },\n {\n title: ,\n width: 100,\n dataIndex: \"nickname\",\n key: \"nickname\",\n render: (text: string, row: any, index: number) => (\n <>\n {row.socialMediasDto.some((k: { name: string }) => k.name === SocialMedias.instagram.name) ? (\n \n {row.socialMediasDto.find((k: { name: string }) => k.name === SocialMedias.instagram.name).followers / 1000}K\n \n ) : (\n \"-\"\n )}\n \n ),\n },\n {\n title: ,\n width: 100,\n dataIndex: \"nickname\",\n key: \"nickname\",\n render: (text: string, row: any, index: number) => (\n <>\n {row.socialMediasDto.some((k: { name: string }) => k.name === SocialMedias.twitter.name) ? (\n \n {row.socialMediasDto.find((k: { name: string }) => k.name === SocialMedias.twitter.name).followers / 1000}K\n \n ) : (\n \"-\"\n )}\n \n ),\n },\n {\n title: ,\n width: 100,\n dataIndex: \"nickname\",\n key: \"nickname\",\n render: (text: string, row: any, index: number) => (\n <>\n {row.socialMediasDto.some((k: { name: string }) => k.name === SocialMedias.youtube.name) ? (\n \n {row.socialMediasDto.find((k: { name: string }) => k.name === SocialMedias.youtube.name).followers / 1000}K\n \n ) : (\n \"-\"\n )}\n \n ),\n },\n {\n title: ,\n width: 100,\n dataIndex: \"nickname\",\n key: \"nickname\",\n render: (text: string, row: any, index: number) => (\n <>\n {row.socialMediasDto.some((k: { name: string }) => k.name === SocialMedias.twitch.name) ? (\n \n {row.socialMediasDto.find((k: { name: string }) => k.name === SocialMedias.twitch.name).followers / 1000}K\n \n ) : (\n \"-\"\n )}\n \n ),\n },\n {\n title: ,\n width: 100,\n dataIndex: \"nickname\",\n key: \"nickname\",\n render: (text: string, row: any, index: number) => (\n <>\n {row.socialMediasDto.some((k: { name: string }) => k.name === SocialMedias.telegram.name) ? (\n \n {row.socialMediasDto.find((k: { name: string }) => k.name === SocialMedias.telegram.name).followers / 1000}K\n \n ) : (\n \"-\"\n )}\n \n ),\n },\n {\n title: ,\n width: 100,\n dataIndex: \"nickname\",\n key: \"nickname\",\n render: (text: string, row: any, index: number) => (\n <>\n {row.socialMediasDto.some((k: { name: string }) => k.name === SocialMedias.discord.name) ? (\n \n {row.socialMediasDto.find((k: { name: string }) => k.name === SocialMedias.discord.name).followers / 1000}K\n \n ) : (\n \"-\"\n )}\n \n ),\n },\n {\n title: ,\n width: 100,\n dataIndex: \"nickname\",\n key: \"nickname\",\n render: (text: string, row: any, index: number) => (\n <>\n {row.socialMediasDto.some((k: { name: string }) => k.name === SocialMedias.tiktok.name) ? (\n \n {row.socialMediasDto.find((k: { name: string }) => k.name === SocialMedias.tiktok.name).followers / 1000}K\n \n ) : (\n \"-\"\n )}\n \n ),\n },\n {\n title: t(\"global.applyDate\"),\n width: 100,\n dataIndex: \"applyDate\",\n key: \"applyDate\",\n render: (text: string, row: any, index: number) => {text},\n },\n {\n title: t(\"global.category\"),\n width: 100,\n dataIndex: \"category\",\n key: \"category\",\n render: (text: string, row: any, index: number) => {text},\n },\n {\n title: `${t(\"global.action\", \"Aksiyon\")}`,\n width: 100,\n dataIndex: \"category\",\n key: \"category\",\n render: (text: string, row: any, index: number) => (\n <>\n approve(row)}>\n {t(\"global.accept\", \"Kabul Et\")}\n {\" \"}\n reject(row)} style={{ cursor: \"pointer\" }}>\n {t(\"global.reject\", \"Reddet\")}\n \n \n ),\n },\n ];\n\n const columnsRejected = [\n {\n title: \"Id\",\n dataIndex: \"influencerId\",\n key: \"influencerId\",\n render: (text: any, row: any) => #{text}
,\n },\n {\n title: t(\"global.namee\"),\n dataIndex: \"nickname\",\n key: \"nickname\",\n render: (text: string, row: any, index: number) => (\n <>\n \n {\n showInfluencer(row)}\n style={{ padding: 0, borderWidth: 0, color: \"#9254de\", fontWeight: \"bold\" }}\n >\n {\" \"}\n {row.influencerFirstName} {row.influencerLastName}\n \n }\n {row.socialMediasDto.map((social: any) => (\n \n {\" \"}\n {\"@\" + social.username}{\" \"}\n \n ))}\n \n \n ),\n },\n {\n title: ,\n width: 100,\n dataIndex: \"nickname\",\n key: \"nickname\",\n render: (text: string, row: any, index: number) => (\n <>\n {row.socialMediasDto.some((k: { name: string }) => k.name === SocialMedias.instagram.name) ? (\n \n {row.socialMediasDto.find((k: { name: string }) => k.name === SocialMedias.instagram.name).followers / 1000}K\n \n ) : (\n \"-\"\n )}\n \n ),\n },\n {\n title: ,\n width: 100,\n dataIndex: \"nickname\",\n key: \"nickname\",\n render: (text: string, row: any, index: number) => (\n <>\n {row.socialMediasDto.some((k: { name: string }) => k.name === SocialMedias.twitter.name) ? (\n \n {row.socialMediasDto.find((k: { name: string }) => k.name === SocialMedias.twitter.name).followers / 1000}K\n \n ) : (\n \"-\"\n )}\n \n ),\n },\n {\n title: ,\n width: 100,\n dataIndex: \"nickname\",\n key: \"nickname\",\n render: (text: string, row: any, index: number) => (\n <>\n {row.socialMediasDto.some((k: { name: string }) => k.name === SocialMedias.youtube.name) ? (\n \n {row.socialMediasDto.find((k: { name: string }) => k.name === SocialMedias.youtube.name).followers / 1000}K\n \n ) : (\n \"-\"\n )}\n \n ),\n },\n {\n title: ,\n width: 100,\n dataIndex: \"nickname\",\n key: \"nickname\",\n render: (text: string, row: any, index: number) => (\n <>\n {row.socialMediasDto.some((k: { name: string }) => k.name === SocialMedias.twitch.name) ? (\n \n {row.socialMediasDto.find((k: { name: string }) => k.name === SocialMedias.twitch.name).followers / 1000}K\n \n ) : (\n \"-\"\n )}\n \n ),\n },\n {\n title: ,\n width: 100,\n dataIndex: \"nickname\",\n key: \"nickname\",\n render: (text: string, row: any, index: number) => (\n <>\n {row.socialMediasDto.some((k: { name: string }) => k.name === SocialMedias.telegram.name) ? (\n \n {row.socialMediasDto.find((k: { name: string }) => k.name === SocialMedias.telegram.name).followers / 1000}K\n \n ) : (\n \"-\"\n )}\n \n ),\n },\n {\n title: ,\n width: 100,\n dataIndex: \"nickname\",\n key: \"nickname\",\n render: (text: string, row: any, index: number) => (\n <>\n {row.socialMediasDto.some((k: { name: string }) => k.name === SocialMedias.discord.name) ? (\n \n {row.socialMediasDto.find((k: { name: string }) => k.name === SocialMedias.discord.name).followers / 1000}K\n \n ) : (\n \"-\"\n )}\n \n ),\n },\n {\n title: ,\n width: 100,\n dataIndex: \"nickname\",\n key: \"nickname\",\n render: (text: string, row: any, index: number) => (\n <>\n {row.socialMediasDto.some((k: { name: string }) => k.name === SocialMedias.tiktok.name) ? (\n \n {row.socialMediasDto.find((k: { name: string }) => k.name === SocialMedias.tiktok.name).followers / 1000}K\n \n ) : (\n \"-\"\n )}\n \n ),\n },\n {\n title: t(\"global.rejectionDate\"),\n width: 100,\n dataIndex: \"rejectDate\",\n key: \"rejectDate\",\n render: (text: string, row: any, index: number) => {text?.split(\"T\")[0]},\n },\n ];\n\n const [columns, setColumns] = useState(columnsAppliant);\n\n useEffect(() => {\n switch (props.listType) {\n case InfluencerListType.applied:\n setColumns(columnsWaiting);\n break;\n case InfluencerListType.active:\n setColumns(columnsActive);\n break;\n case InfluencerListType.listAll:\n setColumns(columnsAppliant);\n break;\n case InfluencerListType.rejected:\n setColumns(columnsRejected);\n break;\n case InfluencerListType.invited:\n setColumns(columnsActive);\n break;\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [props.listType]);\n\n return (\n <>\n \n \n setFilterValues(values)}\n autoComplete=\"off\"\n >\n \n \n \n \n \n \n \n \n \n {\n return {\n label: category.name,\n value: category.id,\n };\n })}\n />\n \n \n \n \n \n
\n
\n \n allApprove()}\n >\n {t(\"global.accept\", \"Kabul Et\")}\n \n allReject()}\n >\n {t(\"global.reject\", \"Reddet\")}\n \n\n allRemove()}\n >\n {t(\"buttons.campaignLogout\")}\n \n allRevert()}\n >\n {t(\"buttons.withdrawInvitation\")}\n \n \n handleTableChange(page)}\n loading={dataLoading}\n pagination={pagination}\n columns={columns}\n dataSource={data.map((d) => {\n d.key = d.id;\n return d;\n })}\n scroll={{ x: \"100%\" }}\n />\n \n \n \n
\n \n );\n};\n","import { Tabs, Space, Badge, useTranslate } from \"@pankod/refine\";\nimport { PageContainer } from \"components/pageContainer/pageContainer\";\nimport { ICampaignData } from \"pages/campaign/Model/CampaignList\";\nimport { FunctionComponent, useEffect, useState } from \"react\";\nimport { InfluencerList } from \"./InfluencerList\";\nimport { CampaignsService } from \"../../../../../../../../services\";\nimport { localizationHelper } from \"helpers/globalizationHelper\";\nimport { InfluencerListType } from \"../../../../../../InfluencerListType\";\n\nconst { TabPane } = Tabs;\n\ninterface CampaignInfluencerListContainerProps {\n data: ICampaignData;\n categories: any[];\n}\n\nconst CampaignInfluencerListContainer: FunctionComponent = (\n props: CampaignInfluencerListContainerProps\n) => {\n const t = useTranslate();\n const [countData, setCountData] = useState({\n totalCount: 0,\n activeCount: 0,\n appliedCount: 0,\n rejectedCount: 0,\n invitedCount: 0,\n });\n\n useEffect(() => {\n fetchCounts();\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n const fetchCounts = () => {\n CampaignsService.getCampaignInfluencersInfoByCampaign({\n campaignId: props.data.id,\n acceptLanguage: localizationHelper.getLocale(),\n }).then((resp) => {\n setCountData(resp.data);\n });\n };\n\n const updateCount = () => {\n fetchCounts();\n };\n\n return (\n \n \n \n {t(\"global.applicantPhenomenons\")}\n \n \n }\n key=\"1\"\n >\n \n \n \n {t(\"global.activeInfluencers\")}\n \n \n }\n key=\"2\"\n >\n \n \n \n {t(\"global.pendingInfluencers\")}\n \n \n }\n key=\"3\"\n >\n \n \n \n {t(\"global.rejectedInfluencers\")}\n \n \n }\n key=\"4\"\n >\n \n \n \n {t(\"global.invitedInfluencers\")}\n \n \n }\n key=\"5\"\n >\n \n \n \n \n );\n};\n\nexport default CampaignInfluencerListContainer;\n","import { Button, Col, Row, Space, Typography, useNavigation, useTranslate } from \"@pankod/refine\";\nimport { ShowCampaignExplanation } from \"components/atomics/show-items\";\nimport { FenBreadCrumb } from \"components/BreadCrumb/BreadCrumb\";\nimport { PageContainer } from \"components/pageContainer/pageContainer\";\nimport { CampaignStates } from \"Constanst\";\nimport { localizationHelper } from \"helpers/globalizationHelper\";\nimport { GetCampaignTypeTextWithManagementType, GetPlatforms, GetTrackingPlatformText } from \"helpers/StateHelpers\";\nimport { FunctionComponent } from \"react\";\nimport { CampaignsService } from \"services\";\nimport CampaignInfluencerListContainer from \"./Components/CampaignInfluencerListContainer\";\nimport { Link } from \"react-router-dom\";\nimport { Money } from \"services/models/money\";\n\ninterface ActionCampaignDetailProps {\n brands: any[];\n categories: any[];\n countries: any[];\n campaignDetail: any;\n refresh: any;\n}\n\nexport const ActionCampaignDetail: FunctionComponent = (props: ActionCampaignDetailProps) => {\n const { push } = useNavigation();\n const t = useTranslate();\n const { Text, Title } = Typography;\n\n const stopCampaign = () => {\n CampaignsService.pauseCampaign({\n id: props.campaignDetail.id,\n acceptLanguage: localizationHelper.getLocale(),\n }).then((resp) => {\n props.refresh();\n });\n };\n\n const currency = props.campaignDetail.totalBudget[0] || \"₺\";\n\n return (\n \n \n \n <>\n \n \n \n Id\n {props.campaignDetail.id}\n \n \n {t(\"global.campaignLink\")}\n {props.campaignDetail.link}\n \n \n {t(\"campaign.create.step2.categoriesLabel\")}\n {(props.campaignDetail?.categories as [])?.map((c: any) => \"#\" + c.name).join(\" - \")}\n \n \n {t(\"campaign.create.step3.startDateLabel\")}\n {props.campaignDetail.startDate}\n \n
\n \n \n {t(\"global.campaignType\")}\n \n {GetCampaignTypeTextWithManagementType(\n props.campaignDetail?.typeHash,\n props.campaignDetail?.managementType\n )}\n \n \n \n {t(\"global.trackingPlatform\")}\n {GetTrackingPlatformText(props.campaignDetail.trackingPlatform)}\n \n \n {t(\"campaign.create.step2.whitelistCategoriesLabel\")}\n \n {props.campaignDetail?.whitelistCategories && props.campaignDetail?.whitelistCategories.length > 0\n ? props.campaignDetail.whitelistCategories.map((ct: any) => ct.name).join(\",\")\n : \"\"}\n \n \n \n {t(\"global.end-date\")}\n {props.campaignDetail.endDate}\n \n
\n \n \n {t(\"global.campaignName\")}\n {props.campaignDetail?.name}\n \n \n {t(\"campaign.create.step1.trackingCodeLabel\")}\n {props.campaignDetail?.trackingCode}\n \n \n {t(\"campaign.create.step2.blacklistCategoriesLabel\")}\n \n {props.campaignDetail?.blacklistCategories && props.campaignDetail?.blacklistCategories.length > 0\n ? props.campaignDetail.blacklistCategories.map((ct: any) => ct.name).join(\",\")\n : \"\"}\n \n \n
\n \n \n \n \n \n {t(\"global.platforms\", \"Platformlar\")}\n \n {GetPlatforms()\n .filter((sm) => props.campaignDetail.platforms?.includes(sm.value))\n .map((sm) => sm.label)\n .join(\" - \")}\n \n \n \n {t(\"pages.brand.country\")}\n {props.campaignDetail.country}\n \n
\n \n \n {t(\"global.actionExplanation\")}\n Örnek aksiyon açıklaması\n \n
\n \n
\n \n \n \n {t(\"campaign.create.step3.totalAmount\")}\n {new Money(props.campaignDetail.totalBudgetDecimal).toStringWithCurrency(currency)}\n \n \n {t(\"campaign.create.step3.influencerTotalAmountLabel\")}\n {new Money(props.campaignDetail.influencerTotalBudgetDecimal).toStringWithCurrency(currency)}\n \n \n {t(\"campaign.create.step3.minimumInfluencerCountLabel\")}\n {props.campaignDetail.minimumInfluencerCount}\n \n \n {t(\"campaign.create.step3.amountByClickLabel\")}\n {new Money(props.campaignDetail.perClickActionInstallAmount).toStringWithCurrency(currency)}\n \n
\n \n \n {t(\"pages.phenomenon.amountByClickFenomioEarningAction\")}\n \n {new Money(props.campaignDetail.perClickActionInstallFenomioEarning).toStringWithCurrency(currency)}\n \n \n \n {t(\"campaign.create.step3.amountByClickInfluencerEarningLabel\")}\n \n {new Money(props.campaignDetail.perClickActionInstallInfluencerEarning).toStringWithCurrency(currency)}\n \n \n \n {t(\"campaign.create.step3.amountByInfluencerLabel\")}\n {new Money(props.campaignDetail.perInfluencerBudget).toStringWithCurrency(currency)}\n \n \n {t(\"global.marj\")}\n \n %\n {(\n (100 *\n (props.campaignDetail.totalBudgetDecimal - props.campaignDetail.influencerTotalBudgetDecimal)) /\n props.campaignDetail.totalBudgetDecimal\n ).toString()}\n \n \n
\n \n \n \n \n \n \n \n \n {props.campaignDetail.campaignState === CampaignStates.Accepted && (\n \n {\n stopCampaign();\n }}\n >\n {t(\"global.stop\")}\n \n \n )}\n \n {\n push(\"/campaign/edit/\" + props.campaignDetail.id);\n }}\n >\n {t(\"buttons.edit\")}\n \n \n
\n \n
\n \n \n \n \n \n );\n};\n","import { Space, Button, Row, Col, Form, Input, Table, useTranslate, Select, useNavigation } from \"@pankod/refine\";\nimport { CampaignInfluencerStates, PaginationConstant, SocialMedias } from \"Constanst\";\nimport { FunctionComponent, useState, useEffect } from \"react\";\nimport { Pagination } from \"../../../../../../../../services/core/Pagination\";\nimport { CampaignsService } from \"../../../../../../../../services\";\nimport { localizationHelper } from \"../../../../../../../../helpers/globalizationHelper\";\nimport { InfluencerListType } from \"../../../../../../InfluencerListType\";\nimport { Link } from \"react-router-dom\";\n\nexport interface InfluencerListProps {\n campaignId: string | null;\n listType: InfluencerListType;\n updateCount: any;\n categories: any[];\n}\n\nexport const InfluencerList: FunctionComponent = (props: InfluencerListProps) => {\n const { push } = useNavigation();\n\n const [pagination, setPagination] = useState({\n current: PaginationConstant.initialPage,\n pageSize: PaginationConstant.initialPageSize\n });\n const [dataLoading, setDataLoading] = useState(false);\n const [data, setData] = useState([]);\n const [filterValues, setFilterValues] = useState();\n const [selectedInfluencerIds, setSelectedInfluencerIds] = useState([]);\n const t = useTranslate();\n\n const [search, setSearch] = useState(true);\n\n useEffect(() => {\n if (search) fetchData();\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [search]);\n\n const onSelectInfluencer = (selectedRowKeys: any[]) => {\n setSelectedInfluencerIds(selectedRowKeys);\n };\n\n const fetchData = () => {\n setDataLoading(true);\n CampaignsService.getCampaignInfluencers({\n body: prepareFilterRequest(),\n acceptLanguage: localizationHelper.getLocale(),\n }).then((resp) => {\n setDataLoading(false);\n setData(resp?.data?.data);\n setPagination({\n current: pagination.current,\n pageSize: pagination.pageSize,\n total: resp?.data?.pageInfo.totalItemCount\n });\n setSearch(false);\n });\n };\n\n const prepareFilterRequest = () => {\n let stateByListTypes: any[] = [];\n let campaignStateByListTypes: any[] = [];\n let includeBoth = false;\n\n switch (props.listType) {\n case InfluencerListType.active:\n stateByListTypes = [CampaignInfluencerStates.Accepted];\n break;\n case InfluencerListType.applied:\n stateByListTypes = [CampaignInfluencerStates.Applied];\n break;\n case InfluencerListType.listAll:\n // stateByListType = [CampaignInfluencerStates.Applied];\n // campaignStateByListTypes = [CampaignStates.Accepted]\n break;\n case InfluencerListType.invited:\n stateByListTypes = [CampaignInfluencerStates.Invited];\n break;\n case InfluencerListType.rejected:\n stateByListTypes = [CampaignInfluencerStates.Rejected];\n break;\n }\n\n let body = {\n campaignId: props.campaignId,\n pageNumber: pagination.current,\n pageSize: pagination.pageSize,\n states: stateByListTypes,\n campaignStates: campaignStateByListTypes,\n includeBothStates: includeBoth,\n };\n\n if (filterValues) {\n if (filterValues.influencerName) {\n // @ts-ignore\n body.influencerName = filterValues.influencerName;\n }\n if (filterValues.categoryId) {\n // @ts-ignore\n body.categoryId = filterValues.categoryId;\n }\n }\n return body;\n };\n\n const handleTableChange = (page: any) => {\n setPagination({\n current: page.current,\n pageSize: page.pageSize,\n total: page.total\n });\n setSearch(true);\n };\n\n const allApprove = () => {\n CampaignsService.acceptCampaignInfluencer({\n campaignInfluencerIds: selectedInfluencerIds,\n acceptLanguage: localizationHelper.getLocale(),\n }).then((resp) => {\n setPagination({\n current: PaginationConstant.initialPage,\n pageSize: PaginationConstant.initialPageSize\n });\n setSearch(true);\n props.updateCount();\n });\n };\n\n const allReject = () => {\n CampaignsService.rejectCampaignInfluencer({\n campaignInfluencerIds: selectedInfluencerIds,\n acceptLanguage: localizationHelper.getLocale(),\n }).then((resp) => {\n setPagination({\n current: PaginationConstant.initialPage,\n pageSize: PaginationConstant.initialPageSize\n });\n setSearch(true);\n props.updateCount();\n });\n };\n\n const approve = (row: any) => {\n CampaignsService.acceptCampaignInfluencer({\n campaignInfluencerIds: [row.id],\n acceptLanguage: localizationHelper.getLocale(),\n }).then((resp) => {\n setPagination({\n current: PaginationConstant.initialPage,\n pageSize: PaginationConstant.initialPageSize\n });\n setSearch(true);\n props.updateCount();\n });\n };\n\n const reject = (row: any) => {\n CampaignsService.rejectCampaignInfluencer({\n campaignInfluencerIds: [row.id],\n acceptLanguage: localizationHelper.getLocale(),\n }).then((resp) => {\n setPagination({\n current: PaginationConstant.initialPage,\n pageSize: PaginationConstant.initialPageSize\n });\n setSearch(true);\n props.updateCount();\n });\n };\n\n const allRevert = () => {\n CampaignsService.revertCampaignInfluencer({\n campaignInfluencerIds: selectedInfluencerIds,\n acceptLanguage: localizationHelper.getLocale(),\n }).then((resp) => {\n setPagination({\n current: PaginationConstant.initialPage,\n pageSize: PaginationConstant.initialPageSize\n });\n setSearch(true);\n props.updateCount();\n });\n };\n const allRemove = () => {\n CampaignsService.removeCampaignInfluencer({\n campaignInfluencerIds: selectedInfluencerIds,\n acceptLanguage: localizationHelper.getLocale(),\n }).then((resp) => {\n setPagination({\n current: PaginationConstant.initialPage,\n pageSize: PaginationConstant.initialPageSize\n });\n setSearch(true);\n props.updateCount();\n });\n };\n /*\n const remove = (row: any) => {\n CampaignsService.removeCampaignInfluencer({\n campaignInfluencerIds: [row.id],\n acceptLanguage: localizationHelper.getLocale(),\n }).then((resp) => {\n \n setPagination({\n current: PaginationConstant.initialPage,\n pageSize: PaginationConstant.initialPageSize\n });\n setSearch(true);\n props.updateCount();\n });\n };\n\n const revert = (row: any) => {\n CampaignsService.revertCampaignInfluencer({\n campaignInfluencerIds: [row.id],\n acceptLanguage: localizationHelper.getLocale(),\n }).then((resp) => {\n \n setPagination({\n current: PaginationConstant.initialPage,\n pageSize: PaginationConstant.initialPageSize\n });\n setSearch(true);\n props.updateCount();\n });\n };*/\n\n const getCategories = (row: any) => {\n if (row.categories && row.categories.length > 0) {\n return (row.categories as any[]).map((c) => \"@\" + c).join(\" \");\n } else {\n return \"-\";\n }\n };\n\n const showInfluencer = (influencer: any) => {\n push(\"/influencers/detail/\" + influencer.influencerId);\n };\n\n const columnsAppliant = [\n {\n title: \"Id\",\n dataIndex: \"influencerId\",\n key: \"influencerId\",\n render: (text: any, row: any) => #{text}
,\n },\n {\n title: t(\"global.namee\"),\n dataIndex: \"nickname\",\n key: \"nickname\",\n render: (text: string, row: any, index: number) => (\n <>\n \n {\n \n \n {\" \"}\n {row.influencerFirstName} {row.influencerLastName}\n \n \n }\n {row.socialMediasDto.map((social: any) => (\n \n {\" \"}\n {\"@\" + social.username}{\" \"}\n \n ))}\n \n \n ),\n },\n {\n title: ,\n width: 100,\n dataIndex: \"nickname\",\n key: \"nickname\",\n render: (text: string, row: any, index: number) => (\n <>\n {row.socialMediasDto.some((k: { name: string }) => k.name === SocialMedias.instagram.name) ? (\n \n {row.socialMediasDto.find((k: { name: string }) => k.name === SocialMedias.instagram.name).followers / 1000}K\n \n ) : (\n \"-\"\n )}\n \n ),\n },\n {\n title: ,\n width: 100,\n dataIndex: \"nickname\",\n key: \"nickname\",\n render: (text: string, row: any, index: number) => (\n <>\n {row.socialMediasDto.some((k: { name: string }) => k.name === SocialMedias.twitter.name) ? (\n \n {row.socialMediasDto.find((k: { name: string }) => k.name === SocialMedias.twitter.name).followers / 1000}K\n \n ) : (\n \"-\"\n )}\n \n ),\n },\n {\n title: ,\n width: 100,\n dataIndex: \"nickname\",\n key: \"nickname\",\n render: (text: string, row: any, index: number) => (\n <>\n {row.socialMediasDto.some((k: { name: string }) => k.name === SocialMedias.youtube.name) ? (\n \n {row.socialMediasDto.find((k: { name: string }) => k.name === SocialMedias.youtube.name).followers / 1000}K\n \n ) : (\n \"-\"\n )}\n \n ),\n },\n {\n title: ,\n width: 100,\n dataIndex: \"nickname\",\n key: \"nickname\",\n render: (text: string, row: any, index: number) => (\n <>\n {row.socialMediasDto.some((k: { name: string }) => k.name === SocialMedias.twitch.name) ? (\n \n {row.socialMediasDto.find((k: { name: string }) => k.name === SocialMedias.twitch.name).followers / 1000}K\n \n ) : (\n \"-\"\n )}\n \n ),\n },\n {\n title: ,\n width: 100,\n dataIndex: \"nickname\",\n key: \"nickname\",\n render: (text: string, row: any, index: number) => (\n <>\n {row.socialMediasDto.some((k: { name: string }) => k.name === SocialMedias.telegram.name) ? (\n \n {row.socialMediasDto.find((k: { name: string }) => k.name === SocialMedias.telegram.name).followers / 1000}K\n \n ) : (\n \"-\"\n )}\n \n ),\n },\n {\n title: ,\n width: 100,\n dataIndex: \"nickname\",\n key: \"nickname\",\n render: (text: string, row: any, index: number) => (\n <>\n {row.socialMediasDto.some((k: { name: string }) => k.name === SocialMedias.discord.name) ? (\n \n {row.socialMediasDto.find((k: { name: string }) => k.name === SocialMedias.discord.name).followers / 1000}K\n \n ) : (\n \"-\"\n )}\n \n ),\n },\n {\n title: ,\n width: 100,\n dataIndex: \"nickname\",\n key: \"nickname\",\n render: (text: string, row: any, index: number) => (\n <>\n {row.socialMediasDto.some((k: { name: string }) => k.name === SocialMedias.tiktok.name) ? (\n \n {row.socialMediasDto.find((k: { name: string }) => k.name === SocialMedias.tiktok.name).followers / 1000}K\n \n ) : (\n \"-\"\n )}\n \n ),\n },\n {\n title: t(\"global.category\"),\n width: 100,\n dataIndex: \"category\",\n key: \"category\",\n render: (text: string, row: any, index: number) => <>{row.categories.join(\", \")},\n },\n ];\n\n const columnsActive = [\n {\n title: \"Id\",\n dataIndex: \"influencerId\",\n key: \"influencerId\",\n render: (text: any, row: any) => #{text}
,\n },\n {\n title: t(\"global.namee\"),\n dataIndex: \"nickname\",\n key: \"nickname\",\n render: (text: string, row: any, index: number) => (\n <>\n \n {\n \n \n {\" \"}\n {row.influencerFirstName} {row.influencerLastName}\n \n \n }\n {row.socialMediasDto.map((social: any) => (\n \n {\" \"}\n {\"@\" + social.username}{\" \"}\n \n ))}\n \n \n ),\n },\n {\n title: t(\"global.transformation\"),\n dataIndex: \"transformation\",\n key: \"transformation\",\n render: (text: string, row: any, index: number) => <>{text},\n },\n {\n title: t(\"global.joinDate\"),\n dataIndex: \"startDate\",\n key: \"startDate\",\n render: (text: string, row: any, index: number) => <>{text},\n },\n {\n title: t(\"posts.fields.category.title\"),\n width: 100,\n dataIndex: \"category\",\n key: \"category\",\n render: (text: string, row: any, index: number) => <>{row.categories.join(\", \")},\n },\n ];\n\n const columnsWaiting = [\n {\n title: \"Id\",\n dataIndex: \"influencerId\",\n key: \"influencerId\",\n render: (text: any, row: any) => #{text}
,\n },\n {\n title: t(\"global.namee\"),\n dataIndex: \"nickname\",\n key: \"nickname\",\n render: (text: string, row: any, index: number) => (\n <>\n \n {\n \n \n {\" \"}\n {row.influencerFirstName} {row.influencerLastName}\n \n \n }\n {row.socialMediasDto.map((social: any) => (\n \n {\" \"}\n {\"@\" + social.username}{\" \"}\n \n ))}\n \n \n ),\n },\n {\n title: ,\n width: 100,\n dataIndex: \"nickname\",\n key: \"nickname\",\n render: (text: string, row: any, index: number) => (\n <>\n {row.socialMediasDto.some((k: { name: string }) => k.name === SocialMedias.instagram.name) ? (\n \n {row.socialMediasDto.find((k: { name: string }) => k.name === SocialMedias.instagram.name).followers / 1000}K\n \n ) : (\n \"-\"\n )}\n \n ),\n },\n {\n title: ,\n width: 100,\n dataIndex: \"nickname\",\n key: \"nickname\",\n render: (text: string, row: any, index: number) => (\n <>\n {row.socialMediasDto.some((k: { name: string }) => k.name === SocialMedias.twitter.name) ? (\n \n {row.socialMediasDto.find((k: { name: string }) => k.name === SocialMedias.twitter.name).followers / 1000}K\n \n ) : (\n \"-\"\n )}\n \n ),\n },\n {\n title: ,\n width: 100,\n dataIndex: \"nickname\",\n key: \"nickname\",\n render: (text: string, row: any, index: number) => (\n <>\n {row.socialMediasDto.some((k: { name: string }) => k.name === SocialMedias.youtube.name) ? (\n \n {row.socialMediasDto.find((k: { name: string }) => k.name === SocialMedias.youtube.name).followers / 1000}K\n \n ) : (\n \"-\"\n )}\n \n ),\n },\n {\n title: ,\n width: 100,\n dataIndex: \"nickname\",\n key: \"nickname\",\n render: (text: string, row: any, index: number) => (\n <>\n {row.socialMediasDto.some((k: { name: string }) => k.name === SocialMedias.twitch.name) ? (\n \n {row.socialMediasDto.find((k: { name: string }) => k.name === SocialMedias.twitch.name).followers / 1000}K\n \n ) : (\n \"-\"\n )}\n \n ),\n },\n {\n title: ,\n width: 100,\n dataIndex: \"nickname\",\n key: \"nickname\",\n render: (text: string, row: any, index: number) => (\n <>\n {row.socialMediasDto.some((k: { name: string }) => k.name === SocialMedias.telegram.name) ? (\n \n {row.socialMediasDto.find((k: { name: string }) => k.name === SocialMedias.telegram.name).followers / 1000}K\n \n ) : (\n \"-\"\n )}\n \n ),\n },\n {\n title: ,\n width: 100,\n dataIndex: \"nickname\",\n key: \"nickname\",\n render: (text: string, row: any, index: number) => (\n <>\n {row.socialMediasDto.some((k: { name: string }) => k.name === SocialMedias.discord.name) ? (\n \n {row.socialMediasDto.find((k: { name: string }) => k.name === SocialMedias.discord.name).followers / 1000}K\n \n ) : (\n \"-\"\n )}\n \n ),\n },\n {\n title: ,\n width: 100,\n dataIndex: \"nickname\",\n key: \"nickname\",\n render: (text: string, row: any, index: number) => (\n <>\n {row.socialMediasDto.some((k: { name: string }) => k.name === SocialMedias.tiktok.name) ? (\n \n {row.socialMediasDto.find((k: { name: string }) => k.name === SocialMedias.tiktok.name).followers / 1000}K\n \n ) : (\n \"-\"\n )}\n \n ),\n },\n {\n title: t(\"global.applyDate\"),\n width: 100,\n dataIndex: \"applyDate\",\n key: \"applyDate\",\n render: (text: string, row: any, index: number) => {text},\n },\n {\n title: t(\"global.category\"),\n width: 100,\n dataIndex: \"category\",\n key: \"category\",\n render: (text: string, row: any, index: number) => {getCategories(row)},\n },\n {\n title: `${t(\"global.action\", \"Aksiyon\")}`,\n width: 100,\n dataIndex: \"category\",\n key: \"category\",\n render: (text: string, row: any, index: number) => (\n <>\n approve(row)}>\n {t(\"global.accept\", \"Kabul Et\")}\n {\" \"}\n reject(row)} style={{ cursor: \"pointer\" }}>\n {t(\"global.reject\", \"Reddet\")}\n \n \n ),\n },\n ];\n\n const columnsRejected = [\n {\n title: \"Id\",\n dataIndex: \"influencerId\",\n key: \"influencerId\",\n render: (text: any, row: any) => #{text}
,\n },\n {\n title: t(\"global.namee\"),\n dataIndex: \"nickname\",\n key: \"nickname\",\n render: (text: string, row: any, index: number) => (\n <>\n \n {\n \n showInfluencer(row)}\n style={{ padding: 0, borderWidth: 0, color: \"#9254de\", fontWeight: \"bold\" }}\n >\n {\" \"}\n {row.influencerFirstName} {row.influencerLastName}\n \n \n }\n {row.socialMediasDto.map((social: any) => (\n \n {\" \"}\n {\"@\" + social.username}{\" \"}\n \n ))}\n \n \n ),\n },\n {\n title: ,\n width: 100,\n dataIndex: \"nickname\",\n key: \"nickname\",\n render: (text: string, row: any, index: number) => (\n <>\n {row.socialMediasDto.some((k: { name: string }) => k.name === SocialMedias.instagram.name) ? (\n \n {row.socialMediasDto.find((k: { name: string }) => k.name === SocialMedias.instagram.name).followers / 1000}K\n \n ) : (\n \"-\"\n )}\n \n ),\n },\n {\n title: ,\n width: 100,\n dataIndex: \"nickname\",\n key: \"nickname\",\n render: (text: string, row: any, index: number) => (\n <>\n {row.socialMediasDto.some((k: { name: string }) => k.name === SocialMedias.twitter.name) ? (\n \n {row.socialMediasDto.find((k: { name: string }) => k.name === SocialMedias.twitter.name).followers / 1000}K\n \n ) : (\n \"-\"\n )}\n \n ),\n },\n {\n title: ,\n width: 100,\n dataIndex: \"nickname\",\n key: \"nickname\",\n render: (text: string, row: any, index: number) => (\n <>\n {row.socialMediasDto.some((k: { name: string }) => k.name === SocialMedias.youtube.name) ? (\n \n {row.socialMediasDto.find((k: { name: string }) => k.name === SocialMedias.youtube.name).followers / 1000}K\n \n ) : (\n \"-\"\n )}\n \n ),\n },\n {\n title: ,\n width: 100,\n dataIndex: \"nickname\",\n key: \"nickname\",\n render: (text: string, row: any, index: number) => (\n <>\n {row.socialMediasDto.some((k: { name: string }) => k.name === SocialMedias.twitch.name) ? (\n \n {row.socialMediasDto.find((k: { name: string }) => k.name === SocialMedias.twitch.name).followers / 1000}K\n \n ) : (\n \"-\"\n )}\n \n ),\n },\n {\n title: ,\n width: 100,\n dataIndex: \"nickname\",\n key: \"nickname\",\n render: (text: string, row: any, index: number) => (\n <>\n {row.socialMediasDto.some((k: { name: string }) => k.name === SocialMedias.telegram.name) ? (\n \n {row.socialMediasDto.find((k: { name: string }) => k.name === SocialMedias.telegram.name).followers / 1000}K\n \n ) : (\n \"-\"\n )}\n \n ),\n },\n {\n title: ,\n width: 100,\n dataIndex: \"nickname\",\n key: \"nickname\",\n render: (text: string, row: any, index: number) => (\n <>\n {row.socialMediasDto.some((k: { name: string }) => k.name === SocialMedias.discord.name) ? (\n \n {row.socialMediasDto.find((k: { name: string }) => k.name === SocialMedias.discord.name).followers / 1000}K\n \n ) : (\n \"-\"\n )}\n \n ),\n },\n {\n title: ,\n width: 100,\n dataIndex: \"nickname\",\n key: \"nickname\",\n render: (text: string, row: any, index: number) => (\n <>\n {row.socialMediasDto.some((k: { name: string }) => k.name === SocialMedias.tiktok.name) ? (\n \n {row.socialMediasDto.find((k: { name: string }) => k.name === SocialMedias.tiktok.name).followers / 1000}K\n \n ) : (\n \"-\"\n )}\n \n ),\n },\n {\n title: t(\"global.rejectionDate\"),\n width: 100,\n dataIndex: \"rejectDate\",\n key: \"rejectDate\",\n render: (text: string, row: any, index: number) => {text?.split(\"T\")[0]},\n },\n ];\n\n const [columns, setColumns] = useState(columnsAppliant);\n\n useEffect(() => {\n switch (props.listType) {\n case InfluencerListType.applied:\n setColumns(columnsWaiting);\n break;\n case InfluencerListType.active:\n setColumns(columnsActive);\n break;\n case InfluencerListType.listAll:\n setColumns(columnsAppliant);\n break;\n case InfluencerListType.rejected:\n setColumns(columnsRejected);\n break;\n case InfluencerListType.invited:\n setColumns(columnsActive);\n break;\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [props.listType]);\n return (\n <>\n \n \n setFilterValues(values)}\n // onFinishFailed={onFinishFailed}\n autoComplete=\"off\"\n >\n \n \n \n \n \n \n \n \n \n {\n return {\n label: category.name,\n value: category.id,\n };\n })}\n />\n \n \n \n \n \n
\n
\n \n allApprove()}\n >\n {t(\"global.accept\", \"Kabul Et\")}\n \n allReject()}\n >\n {t(\"global.reject\", \"Reddet\")}\n \n
![\"logo\"]({\"/images/logo/logo.svg\"})
\n \n