{id ? 'Update Package' : 'Create Package'}

( Status field.onChange(checked ? 1 : 0) } /> )} />

( Package Name )} /> ( Price field.onChange(Number(e.target.value))} /> )} />

( Duration in Days field.onChange(Number(e.target.value))} /> )} /> ( Number of Requests field.onChange(Number(e.target.value))} /> )} />

( Description )} />

Balance Allocations

Auto-credited on subscription

Set balance limits for each service type. These balances are automatically credited to the client when they subscribe to this package.

( Search Balance field.onChange(Number(e.target.value))} /> )} /> ( Social Listening field.onChange(Number(e.target.value))} /> )} /> ( Lookalike field.onChange(Number(e.target.value))} /> )} /> ( My Network field.onChange(Number(e.target.value))} /> )} /> ( Campaign Mgmt field.onChange(Number(e.target.value))} /> )} /> ( Competitor Analysis field.onChange(Number(e.target.value))} /> )} />

Platforms

{platformsError && (

{platformsError}

)} {fields.map((item, index) => (

Platform #{index + 1}

{ const selectedIds = form .getValues('platforms') ?.map((p) => p.platform_id) ?.filter((id) => id !== field.value); const availablePlatforms = platforms.filter( (p) => !selectedIds.includes(p.value), ); return ( Platform ); }} /> ( Multiplier field.onChange(Number(e.target.value)) } /> )} />

( Influencers field.onChange( e.target.value === '' ? undefined : Number(e.target.value), ) } /> )} /> ( Campaigns field.onChange( e.target.value === '' ? undefined : Number(e.target.value), ) } /> )} /> ( Reports field.onChange( e.target.value === '' ? undefined : Number(e.target.value), ) } /> )} /> ( Tracked Content field.onChange( e.target.value === '' ? undefined : Number(e.target.value), ) } /> )} />

{ const features = (field.value as { feature_key: string; is_enabled: boolean; }[]) ?? []; const reportsIndex = features.findIndex( (f) => f.feature_key === 'reports', ); const reportsEnabled = (reportsIndex !== -1 && features[reportsIndex]?.is_enabled) || false; const handleToggle = (checked: boolean) => { const next = [...features]; if (reportsIndex === -1) { next.push({ feature_key: 'reports', is_enabled: checked, }); } else { next[reportsIndex] = { ...next[reportsIndex], is_enabled: checked, }; } field.onChange(next); }; return ( Reports Feature

{reportsEnabled ? 'Enabled' : 'Disabled'}

); }} /> { const platformKey = platformNames[form.watch(`platforms.${index}.platform_id`)]; const platformConfig = platformKey ? platformFilters[platformKey] : null; const allFilters = platformConfig && [ ...(platformConfig.influencer || []), ...(platformConfig.audience || []), ...(platformConfig.performance || []), ]; const currentFilters = (field.value as { filter_key: string; is_enabled: boolean; }[]) ?? []; // تحديث حالة أي فلتر عند الضغط على الـ switch const toggleFilter = (key: string, enabled: boolean) => { const next = [...currentFilters]; const existingIndex = next.findIndex( (f) => f.filter_key === key, ); if (existingIndex >= 0) { next[existingIndex] = { ...next[existingIndex], is_enabled: enabled, }; } else { next.push({ filter_key: key, is_enabled: enabled }); } field.onChange(next); }; if (!platformConfig) { return ( Filters

Select a platform first

); } return ( Filters

{allFilters?.map((filter, i) => { const current = currentFilters.find( (f) => f.filter_key === filter.label, )?.is_enabled ?? false; return (

{formatFilterLabel(filter.label)} toggleFilter(filter.label, checked) } />

{i < (allFilters?.length ?? 0) - 1 && ( )}

); })}

); }} />

))}